鼠标滚轮到最底端继续加载新数据思路(多用于微博、空间、论坛)
2011-11-03 10:52
288 查看
<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中的
请写很多数据……
</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); })
相关文章推荐
- 基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
- 基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
- 鼠标滚轮到最底端继续加载新数据思路(多用于微博、空间、论坛)
- 鼠标滚轮到最底端继续加载新数据思路(多用于微博、空间、论坛)
- js瀑布式动态触发加载数据(手机微博,空间下拉动态显示效果)
- jQuery滚动事件之鼠标滚动到底部再加载数据
- ScrollView滑动到最底端或者最顶端再加载数据
- 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据
- VirtualBox数据空间加载方法
- AE加载不同数据的方法(GeoDatabase空间数据管理)
- 空间鼠标滚轮
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- js中滚动鼠标加载数据
- 一个简单的例子演示:模仿微博里面的通过浏览器的滚动条来动态加载数据
- 不开辟用于交换数据的临时空间,如何完成字符串的逆序(在技术一轮面试中,有些面试官会这样问)
- poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
- 鼠标滚动,自动加载数据
- 不开辟用于交换数据的临时空间,如何完成字符串的逆序
- c# dev控件 gridcontrol 数据跟随鼠标滚轮滚动也可以编辑
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据