鼠标滚轮到最底端继续加载新数据思路(多用于微博、空间、论坛)
来源:互联网 发布:人工智能课程设计实例 编辑:程序博客网 时间:2024/05/17 18:28
<div id="Scroll" style="background-color: Green; width: 2000px; height:2000px;">
请写很多数据……
</div>
<div id="lookMore">more...</div>
<script src="jquery-1.7b1.js" type="text/javascript"></script>
<script type="text/javascript">//需要引用jquery
$(window).scroll(function () {
if ($(window).scrollTop() + $(window).height() > $("#lookMore").offset().top)
$("#Scroll").append("<div>more!!!</div>");//替换为异步加载
});
</script>
友情感谢 博友 田想兵 分享演示效果
http://www.lovewebgames.com/
网站页面以及js下载地址:http://download.csdn.net/detail/a9529lty/3750125
网站中调用的方法在 common.js中的
$(function () { var $inputText = $(".login_input"); $inputText.each(function () { var colorTemp = $(this).css("background-color"); $(this).focus(function () { $(this).css("background-color", "#FFF"); }).blur(function () { $(this).css("background-color", colorTemp); }).hover(function () { $(this).css("background-color", "#FFF"); }, function () { $(this).css("background-color", colorTemp); }); }); dongtaiMore(); function dongtaiMore() { if (document.getElementById("lookMore")) if ($(window).scrollTop() + $(window).height() > $("#lookMore").offset().top) { if ($("#lookMore").attr("status") != "loading") { $("#lookMore").attr("status", "loading"); var url = $("#lookMore").attr("href"); var type = querystring(url, "type"); var page = parseInt(querystring(url, "page")); var user = querystring(url, "user"); $.get("/ashx/getLog.ashx?type=" + type + "&page=" + page + "&user=" + user, { }, function (result) { if (result.length > 30) { $("#lookMore").parent().before($(result)); $("#lookMore").attr("status", ""); $("#lookMore").attr("href", $("#lookMore").attr("href").replace(/page=\d/, "page=" + (page + 1))); } else { $(".lookMore").remove(); } }); } } } $(window).scroll(dongtaiMore);})
- 鼠标滚轮到最底端继续加载新数据思路(多用于微博、空间、论坛)
- 鼠标滚轮到最底端继续加载新数据思路(多用于微博、空间、论坛)
- Scrollview滑动到最底端加载数据
- 页面滚动动态加载数据,页面下拉自动加载内容 ,滚动条滚动到最底端加载数据
- 滚动到页面底端,加载新内容——例子
- 异步鼠标滚轮加载
- DataGridView滚动到最底端
- ScrollView滑动到最底端或者最顶端再加载数据
- ScrollView滑动到最底端或者最顶端再加载数据
- ScrollView滑动到最底端或者最顶端再加载数据
- ScrollView滑动到最底端或者最顶端再加载数据
- ScrollView滑动到最底端或者最顶端再加载数据
- 移动端,当滚动到最底端的时候,无限加载,怎么实现的?
- 前段js滑动到最底端触发加载下一页的方法
- DataGridView 垂直滚动到最底端
- Android ScollView移动到最底端
- Android ScollView移动到最底端
- ScrollView自动移动到最底端
- 啦啦啦,今天发现discuzx的一个真正意义上的BUG!!!
- BroadcastReceiver 的生命周期
- Session
- Java整形数组 字节流的互转
- Oracle常用命令
- 鼠标滚轮到最底端继续加载新数据思路(多用于微博、空间、论坛)
- Asp.net夜话之一:asp.net介绍
- root权限
- Jsp的应用
- TransactionScope
- PowerDesigner使用教程 —— 概念数据模型
- JSP的执行过程
- 关于绑定变量
- 每个人都是有故事的人,但是你要写下来,就是另外一码事了