无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的 结果,改变了一直以来只能通过点击下一页来翻页这种常规做法。无限滚动自动翻页技术的鼻祖是微博的先驱:推特(twitter),后来必应图片搜索、谷歌 图片搜索、google reader等纷纷抄袭了这一项技术,于是靠滚动浏览器滚动条来翻页的技术慢慢在互联网上遍站开花。
要在自家的网站上实现自动翻页的功能并不复杂,twitter面向开发者提供了相关的api,而且已经有人开发了相关的jquery插件,让我们可以事半功倍,下面老k为你列举一下这些无限滚动jquery插件。
这是一款由国外jquery爱好者出于学习目的开发的自动分页插件,你可以把它应用在任何地方。
2、Screw
可以实现当用户滚动网页时加载html,避免一次性加载一个大页面,这样可以减轻宽带的负担,加快访问速度。当然它也可以实现当用户滚动滚动条到网页底部的时候自动翻页。
通过ajax实现当用户滚动时自动加载页面内容,同时可以把内容写入到到浏览器缓存。使用很简单,只需要在html容器(例如:div)中使用autobrowse属性就可以实现了。
设计用来自动加载页面底部以下的内容,是通过将内容appendTo来某个dom来实现的,当滚动超出这个dom后自动加载页面内容。作者的初衷是用来集成到wordpress的。
也是一款不错的无限滚动jquery插件。效果和dzone的一样。
6、Endless Scroll jQuery Plugin
比较轻巧,完成任务10次的自动加载后自动停止滚动加载。
7、Load Content While Scrolling With jQuery
内容自动加载插件,有助于加快页面初始加载速度,用户将只加载他们所看到的内容。
结合jquery的ease.实现的滚动无刷新自动分页。
9、Infinite Scrolling jQuery Plugin
尤其适用于博客文章的一款自动分页插件,像twitter、fackbook实现的那样。
10、Unlimited Scroll using the Twitter API
一款基于twitter的api实现的滚动分页jquery插件,正如本文开头说的那样,twitter提供了滚动浏览器滚动条到网页底部时自动分页的实现接口,而这款正是一个很好的实现例子。不过国内的用户建议不要使用,因为我们是访问不了twitter的。
相关推荐
java结合jquery插件实现无限滚动自动翻页源代码
Screw (scroll view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。 标签:jquery
jquery滚动条插件,支持滚动条在上下左右不同位置,同时鼠标滚轮也可以控制图片前后滚动,最有意思的是带有翻页之类的效果,很不错的jquery特效,懒人之家推荐下载
jQuery滚动效果插件 Waypoints ,Waypoints 是一个 jQuery 用来实现捕获各种滚动事件的插件,例如实现无翻页的内容浏览,...
简单的jQuery全屏滚动翻页插件switchPage.js,是一款利用鼠标滚轮滚动实现垂直全屏切换,可以快速创建水平或垂直的全屏滚动翻页效果。
很多社交网站都使用无限滚动的翻页技术来提高用户体验,...Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。 3. AutoBrowse jQuery Plugin Autobrowse jQuery Plug
JQuery单页滚动插件pagepiling是一款类似窗帘滚动网站的jQuery插件。
XSwitch是一款jQuery全屏滚动插件。XSwitch可以高度自定义,生成通过鼠标滚动全屏翻页的效果。
jquery文本向上滚动代码带上下翻转按钮的jQuery插件
switchPage.js是一款小巧的jQuery全屏滚动翻页插件。通过它可以快速创建水平或垂直的全屏滚动翻页效果。该插件支持使用鼠标或键盘来进行翻页。
简单的jQuery全屏滚动翻页switchPage.js插件.zip
naiveScroll是一款轻量级的jQuery全屏翻页插件。通过该插件,可以在滚动鼠标或点击按钮时,以平滑过渡的方式垂直全屏翻页。
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款...
各个选项卡的切换采用的是翻页滚动效果,适合mis系统和门户网站使用。
FSVS(Full Screen Vertical Scroller)是一款jQuery和CSS3带过渡效果的全屏垂直翻页特效插件。该全屏翻页插件在页面上下滚动时一次翻一屏,并带有CSS3过渡动画效果。
Endless Scroll 是 jQuery 一个用来实现无限滚动的插件,相信你试过微软新搜索引擎 Bing 的搜索结果,当鼠标向下滚动时,新的内容会一直出现在下方,而不是翻页去浏览。示例代码:// using default options $...
naiveScroll是一款轻量级的jQuery全屏翻页插件。通过该插件,可以在滚动鼠标或点击按钮时,以平滑过渡的方式垂直全屏翻页。
FSVS(Full Screen Vertical Scroller)是一款jQuery和CSS3带过渡效果的全屏垂直翻页特效插件。该全屏翻页插件在页面上下滚动时一次翻一屏,并带有CSS3过渡动画效果。
一款jQuery插件slide幻灯片切换图片宽高自适应 74.一款jQuery漂亮淡出淡入焦点大图切换源码 75.一款jquery缩略图商品切换放大展示功能插件 76.一款使用jQuery左右控制横向图片滚动的代码 77.一款基于jquery...
内容索引:脚本资源,jQuery,jQuery,滚动插件,Waypoints Waypoints 一个轻量级jQuery插件,可用于当鼠标滚动到一个元素时触发执行一个函数,捕获各种滚动事件,例如实现无翻页的内容浏览,或者固定某个元素不让滚动...