您的位置：首页 > Web前端 > JQuery

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

2014-11-15 12:59 856 查看 
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航