<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的更多相关文章

  1. jquery页面滑到底部加载更多

    $(window).scroll(function(){ var _scrolltop = $('body').scrollTop();if(_scrolltop+_winHeight>_doc ...

  2. Layman H5+Webapp+MUI App 页面滑至到底部自动加载新的内容

    要点:使用jquery的scroll()方法实现,当用户滚动指定的元素时,会发生 scroll 事件 scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口) scroll() 方 ...

  3. js加载页面使用execute_script选定加载位置

    #由于js逐步加载页面,存在未显示的网页无法加载源码 from selenium import webdriver driver = webdriver.Firefox() init_element ...

  4. uni-app中不使用scroll-view组件,监听页面滑直底部事件

    最终达到的目标效果 将要用到 监听页面滚动事件:onPageScroll 获取节点信息uni.createSelectorQuery() 标签布局 <template> <view ...

  5. flutter 入口文件配置路由+加载页面

    入口文件配置路由 1.路由信息 -- 加载页面 ,通常用于显示新的内容或者广告,加载完成之后进入主页面 -- 主页面 /app 2.配置页面  main.dart main.dart // main ...

  6. Ajax--PHP+JQuery+Ajax解析json、XML数据、加载页面

    一.JQuery+Ajax用get.post方式提交和请求数据 知识要点: $('#userName').blur(function () { var txt = $(this).val(); $.a ...

  7. RecyclerView 判断滑到底部 顶部 预加载 更多 分页 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  8. yii2 如何在页面底部加载css和js

    作者:白狼 出处:www.manks.top/article/yii2_load_js_css_in_end 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接 ...

  9. 滚动到底部加载更多及下拉刷新listview的使用

    最新内容建议直接访问原文:滚动到底部加载更多及下拉刷新listview的使用 本文主要介绍可同时实现下拉刷新及滑动到底部加载更多的ListView的使用. 该ListView优点包括:a. 可自定义下 ...

随机推荐

  1. linux lnmp环境下 安装apache教程

    linux lnmp环境下 安装apache教程 源码安装 apr ,apr-util 安装apache要用<pre>wget http://mirrors.cnnic.cn/apache ...

  2. IDEA中Tomcat部署时war和war exploded区别

    原理说明 war模式:将WEB工程以包的形式上传到服务器 :war exploded模式:将WEB工程以当前文件夹的位置关系上传到服务器: 含义解释 war模式这种可以称之为是发布模式,看名字也知道, ...

  3. [SOJ #721]第三送分题(2019-11-14考试)/[CF675E]Trains and Statistic

    题目大意 在一条直线上有\(n\)个点.在第\(i\)个点可以花费\(1\)的代价到达\((i,a_i]\)中任意一点,用\(S[i][j]\)表示从点\(i\)到点\(j\)的最少花费,求\(\su ...

  4. Ubuntu系统下基于docker部署Jenkins环境

    本文是在ubuntu环境下安装jenkins,jenkins运行在docker容器中, 至于docker如何安装,请参考https://www.cnblogs.com/xingyunqiu/p/115 ...

  5. Java自学-基本变量类型

    Java中的基本变量类型 一个变量的类型,决定了该变量可以包含什么样的值. Java中有八种基本类型,都是Java语言预先定义好的,并且是关键字. 这八种基本类型分别是: 整型 (4种) 字符型 (1 ...

  6. python爬虫---单线程+多任务的异步协程,selenium爬虫模块的使用

    python爬虫---单线程+多任务的异步协程,selenium爬虫模块的使用 一丶单线程+多任务的异步协程 特殊函数 # 如果一个函数的定义被async修饰后,则该函数就是一个特殊的函数 async ...

  7. Django---Django的中间件

    Django---Django的中间件 一丶中间件介绍 什么是中间件 官方的说法:中间件是一个用来处理Django的请求和响应的框架级别的钩子.它是一个轻量.低级别的插件系统,用于在全局范围内改变Dj ...

  8. js查询手机号码格式是否正确

    直接上代码,复制开用 let regExp = /^([-]{,}\-)?[-]{,}$|^?[|||7||][-]\d{}$/; //验证的手机号码格式 //this.ruleForm.adminC ...

  9. 链接标签（a 标签）

    一.链接标签 单词缩写: anchor 的缩写. 在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可. 语法格式: <a href="跳转目标" target ...

  10. 利用Beef劫持客户端浏览器

    利用Beef劫持客户端浏览器   环境: 1．Kali(使用beef生成恶意代码,IP:192.168.114.140) 2．一台web服务器(留言板存在XSS跨站脚本漏洞,IP:192.168.11 ...