• 滚动加载|页面滑到底部加载数据|jquery.endless-scroll插件|使用demo


    <html>
    <head>
    <link rel="dns-prefetch" href="http://i.tq121.com.cn">
    <meta charset="utf-8" />
    <title>滚动加载|jquery.endless-scroll插件|使用demo</title>
    <script type="text/javascript" src="http://i.tq121.com.cn/j/core.js"></script>
    <script>W.css("c/core.css","c/tqzt/zhibo.css")</script>
    </head>
    <body>
    <script>
    //延时加载 jquery.endless-scroll 插件使用方法
    W.use('j/plugs/jquery.endless-scroll.js',function(){
        $(document).endlessScroll({
            bottomPixels: 450,
            fireDelay: 10,
            callback: function(){
                console.log('又加载一次数据')
                $('.main ul').append($('.main ul').html());
            }
        });
    })
    </script>
    <div class="box">
        <div class="main_box">
            <div class="main">
                <h2><i></i>
                    <span>最新报道</span></h2>
                <ul>
                    <li>
                        <h3>
                            <a href="http://news.weather.com.cn/2014/10/2213662.shtml" target="_blank">北京马拉松霾中跑</a>
                        </h3>
                        <i>(2014-10-19 11:05:52)</i>
                        <div class="img">
                            <p><img src="http://cms.weather.com.cn/site2/images/cn/newzt/zbzt/2014/10/19/CBE09A9C28E02076B04959FB6352847B.jpg" alt=""></p>
                        </div>
                        <div class="zhaiyao">10月19日早上,2014北京马拉松比赛开赛,18日下午18时,北京市政府已正式发布空气重污染蓝色预警。北京马拉松比赛组委会18日晚21时紧急发布温馨提示,请参赛选手根据自身情况选择参赛。当日,北京PM2.2超过300,空气重度污染。...
                            <a href="http://news.weather.com.cn/2014/10/2213662.shtml" target="_blank">[详细]</a>
                        </div>
                    </li>
                    <li>
                        <h3>
                            <a href="http://news.weather.com.cn/2014/10/2212568.shtml" target="_blank">17日夜间至20日京津冀局地有重度霾</a>
                        </h3>
                        <i>(2014-10-17 09:16:58)</i>
                        <div class="img">
                            <p><img src="http://cms.weather.com.cn/site2/images/cn/newzt/zbzt/2014/10/17/E80251CCE5620CFBA5FBCE8A230F88EC.jpg" alt=""></p>
                        </div>
                        <div class="zhaiyao">中国天气网讯 继10月7-11日中东部遭遇大范围雾或霾天气之后,时隔不到一周,今夜(17日)起,华北中南部、黄淮等地将再迎雾或霾天气,其中北京东南部、河北中南部、天津西部等地局地将有重度霾。20日夜间,受南下冷空气影响,上述地区雾、霾天气将自北向南逐步减弱或消散。...
                            <a href="http://news.weather.com.cn/2014/10/2212568.shtml" target="_blank">[详细]</a>
                        </div>
                    </li>
                    <li>
                        <h3>
                            <a href="http://news.weather.com.cn/2014/10/2212568.shtml" target="_blank">17日夜间至20日京津冀局地有重度霾</a>
                        </h3>
                        <i>(2014-10-17 09:16:58)</i>
                        <div class="img">
                            <p><img src="http://cms.weather.com.cn/site2/images/cn/newzt/zbzt/2014/10/17/E80251CCE5620CFBA5FBCE8A230F88EC.jpg" alt=""></p>
                        </div>
                        <div class="zhaiyao">中国天气网讯 继10月7-11日中东部遭遇大范围雾或霾天气之后,时隔不到一周,今夜(17日)起,华北中南部、黄淮等地将再迎雾或霾天气,其中北京东南部、河北中南部、天津西部等地局地将有重度霾。20日夜间,受南下冷空气影响,上述地区雾、霾天气将自北向南逐步减弱或消散。...
                            <a href="http://news.weather.com.cn/2014/10/2212568.shtml" target="_blank">[详细]</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    </body>
    </html>
  • 相关阅读:
    idea 控制到不能输出中文
    后台学习
    carthage和cocoapods
    如何优雅地调试
    从一次内存峰值说起
    多线程单线程,同步异步,并发并行,串行队列并行队列,看这里就对了
    iOS网络层设计感想
    iOS团队风格的统一
    AFNetworking二次封装的那些事
    UITextFiled,UITextView长度限制
  • 原文地址:https://www.cnblogs.com/liujinyu/p/4099154.html
Copyright © 2020-2023  润新知