滚动加载|页面滑到底部加载数据|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>

 

文章来自:http://www.cnblogs.com/liujinyu/p/4099154.html
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3