zoukankan      html  css  js  c++  java
  • 滚动加载|页面滑到底部加载数据|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>
  • 相关阅读:
    按键精灵-3-按键精灵键盘鼠标命令
    Python-13-pass,del和exec
    STP-9-处理RSTP中的拓扑变化
    Python-12-简单推导
    Python-11-循环
    Python-10-条件和条件语句
    Qt qml listview 列表视图控件(下拉刷新、上拉分页、滚动轴)
    Qt qml pageview 左右滑动分页组件
    Qt qml treeview 树控件
    Qt qml 模拟iphone slide to unlock 的聚光动画文字效果
  • 原文地址:https://www.cnblogs.com/liujinyu/p/4099154.html
Copyright © 2011-2022 走看看