基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )_jquery

复制代码 代码如下:

<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>

时间: 2024-11-03 15:50:20

基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )_jquery的相关文章

jquery实现瀑布流效果 jquery下拉加载新数据_javascript技巧

瀑布流效果在很多网站还是有的,这种错落有致的排布看着还是很不错的呢.今天我就来记录一下关于用jquery实现瀑布流效果的代码: 一.页面基本排版 1. items盒子主要用来存放我们需要摆放的数据item: 2. tips是页面加载数据的时候用来提示用户的文本: <div class="wrapper"> <div class="items"> <div class="item"></div> &l

jQuery结合AJAX之在页面滚动时从服务器加载数据

  这篇文章主要介绍了jQuery结合AJAX之在页面滚动时从服务器加载数据,文中示例服务器端为C#程序,需要的朋友可以参考下 简介 文本将演示怎么在滚动滚动条时从服务器端下载数据.用AJAX技术从服务器端加载数据有助于改善任何web应用的性能表现,因为在打开页面时,只有一屏的数据从服务器端加载了,需要更多的数据时,可以随着用户滚动滚动条再从服务器端加载. 背景 是Facebook促使我写出了在滚动条滚动时再从服务器加载数据的代码.浏览facebook时,我很惊讶的发现当我滚动页面时,新的来自服

jquery dialog iframe在IE11.0.31中不能正常加载的现象,请分析一下原因

问题描述 jquery dialog iframe在IE11.0.31中不能正常加载的现象,请分析一下原因 代码如下 <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.0 Transitional//EN""><!-- saved from url=(0171)http://localhost:8080/portal/dynaform/document/view.action --><html>

jquery mobile-jQuery mobile 的listview可以加载多少数据

问题描述 jQuery mobile 的listview可以加载多少数据 jQuery mobile 的listview可以加载10000条据吗? 解决方案 $(function(){ ? ??????????????????? var data=[ ? ??????????????????????????????? {productName:'电脑键盘',price:'200',deposit:'50',repertory:'898',sale:'100'}, ? ??????????????

jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法_jquery

在上篇文章给大家介绍了jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单 先上代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g

基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解_jquery

表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验.网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个性化的需求,使得我们用这些插件的默认机制并不能完成这些功能,所以要根据自己的需要去改造它们(毕竟自己还不到那个写一个完美的校验框架的层次).我用过formValidation这个校验框架,虽然它跟bootstrap配合地很好,但是校验风格太死板,不太满足个性化的场景:后来我找到了jquery.val

jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)_jquery

瀑布流-绝对定位布局,与浮动布局的区别在于 1.布局不一样: 绝对定位:一个UL里面放置所有的绝对定位的LI: 浮动布局:多个(一般三四个)UL分布放置LI: 2.AJAX不一样 绝对定位:只需要将请求来的JSON数据(当然可以是别的格式的数据),插入到UL就可以了.然后再对这个新插入的LI进行TOP和LEFT设置: 浮动布置:是将请求来的JSON数据(当然可以是别的格式的数据),分别插入到对应的UL当中,因为有绝对定位,所以不用对LI设置位置.会自动向下排列: 一.功能分析: 1.定位每一个L

jQuery结合AJAX之在页面滚动时从服务器加载数据_jquery

 简介 文本将演示怎么在滚动滚动条时从服务器端下载数据.用AJAX技术从服务器端加载数据有助于改善任何web应用的性能表现,因为在打开页面时,只有一屏的数据从服务器端加载了,需要更多的数据时,可以随着用户滚动滚动条再从服务器端加载.背景 是Facebook促使我写出了在滚动条滚动时再从服务器加载数据的代码.浏览facebook时,我很惊讶的发现当我滚动页面时,新的来自服务器的数据开始插入到此现存的数据中.然后,对于用c#实现同样的功能,我在互联网上了查找了相关信息,但没有发现任何关于用c#实现这

JQuery的AJAX调用(一)——加载传递数据

 一,load方法异步请求数据        使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:        load(url,[data],[callback])       参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数.              二,使用getJSON()方法异步加载JSON格式数据     使用getJSON()方法可以通过Ajax异步请求的