首页 > 代码库 > 滚动加载|页面滑到底部加载数据|jquery.endless-scroll插件|使用demo

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

 

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