`

10款无限滚动自动翻页jquery插件

    博客分类:
  • JS
 
阅读更多

无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的 结果,改变了一直以来只能通过点击下一页来翻页这种常规做法。无限滚动自动翻页技术的鼻祖是微博的先驱:推特(twitter),后来必应图片搜索、谷歌 图片搜索、google reader等纷纷抄袭了这一项技术,于是靠滚动浏览器滚动条来翻页的技术慢慢在互联网上遍站开花。

要在自家的网站上实现自动翻页的功能并不复杂,twitter面向开发者提供了相关的api,而且已经有人开发了相关的jquery插件,让我们可以事半功倍,下面老k为你列举一下这些无限滚动jquery插件。

1、jquery ScrollPagination

这是一款由国外jquery爱好者出于学习目的开发的自动分页插件,你可以把它应用在任何地方。

2、Screw

可以实现当用户滚动网页时加载html,避免一次性加载一个大页面,这样可以减轻宽带的负担,加快访问速度。当然它也可以实现当用户滚动滚动条到网页底部的时候自动翻页。

3、Autobrowse

通过ajax实现当用户滚动时自动加载页面内容,同时可以把内容写入到到浏览器缓存。使用很简单,只需要在html容器(例如:div)中使用autobrowse属性就可以实现了。

4、Scroll Extend Plugin

设计用来自动加载页面底部以下的内容,是通过将内容appendTo来某个dom来实现的,当滚动超出这个dom后自动加载页面内容。作者的初衷是用来集成到wordpress的。

5、Infinite Scroll Plugin

也是一款不错的无限滚动jquery插件。效果和dzone的一样。

6、Endless Scroll jQuery Plugin

比较轻巧,完成任务10次的自动加载后自动停止滚动加载。

7、Load Content While Scrolling With jQuery

内容自动加载插件,有助于加快页面初始加载速度,用户将只加载他们所看到的内容。

8、Infinite Ajax Scroll

结合jquery的ease.实现的滚动无刷新自动分页。

9、Infinite Scrolling jQuery Plugin

尤其适用于博客文章的一款自动分页插件,像twitter、fackbook实现的那样。

10、Unlimited Scroll using the Twitter API

一款基于twitter的api实现的滚动分页jquery插件,正如本文开头说的那样,twitter提供了滚动浏览器滚动条到网页底部时自动分页的实现接口,而这款正是一个很好的实现例子。不过国内的用户建议不要使用,因为我们是访问不了twitter的。

分享到:
评论

相关推荐

    java结合jquery插件实现无限滚动自动翻页源代码.

    综上所述,"java结合jquery插件实现无限滚动自动翻页源代码"这个项目涵盖了前端和后端的多种技术,涉及到了用户界面的交互优化、数据加载的效率提升以及多设备适配等多个方面。通过学习和实践这样的项目,开发者可以...

    jQuery无限滚动加载图片瀑布流代码

    jQuery无限滚动加载图片瀑布流技术,就是结合了这种布局方式和无限滚动效果,使得用户在浏览图片时无需手动翻页,只需滚动页面,新内容就会自动加载,提升了用户体验。 ### 1. jQuery基础知识 jQuery 是一个高效、...

    jQuery滚动插件

    2. **无限滚动**:也称为“滚动加载”,当用户滚动到页面底部时,自动加载更多内容,无需手动翻页。 3. **滚动监听**:可以监听用户的滚动行为,触发相应的回调函数,例如显示或隐藏导航菜单,或者更新页面某个部分...

    jquery多款滚动条插件插件

    jQuery作为一款强大的JavaScript库,提供了许多优秀的滚动条插件,使得滚动条不仅具有基本的滚动功能,还能实现各种酷炫效果,如自定义样式、翻页效果、图片滚动等。本篇文章将详细介绍几款jQuery滚动条插件及其特色...

    登陆翻页滚动插件

    登录翻页滚动插件是一种网页交互增强工具,主要用于优化用户在网页登录过程中的体验。它允许用户在登录页面上通过滚动鼠标或触摸屏幕来实现页面的自动翻动,从而简化了传统的点击“下一页”或“加载更多”按钮的操作...

    无限滚动翻页插件jQueryScrew.zip

    Screw (scroll view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。 标签:jquery

    可以无限增加和华丽滚动的jquery选项卡插件

    标题中的“可以无限增加和华丽滚动的jquery选项卡插件”指的是一个基于jQuery库的UI组件,它允许用户创建能够无限滚动的选项卡界面。这种插件通常用于展示大量内容,如新闻、产品目录或者用户反馈,使得用户可以通过...

    jquery 滚动条整屏翻页

    2. **nicescroll.js**: Nicescroll 是一个 jQuery 插件,提供了美化滚动条的功能,可以让滚动条更加美观,符合整屏翻页的视觉效果。 3. **jquery.mousewheel.js**: 这个插件扩展了 jQuery,添加了对鼠标滚轮事件的...

    垂直滚动新闻效果jquery插件.rar

    3. **jQuery插件**:“垂直滚动新闻效果jquery插件.rar”很可能包含一个预封装好的插件,用于处理滚动动画。通常,插件会提供一些配置选项,如滚动速度、方向和延迟时间。在页面加载完成后,通过调用插件函数并传入...

    多种常用滚动效果jquery插件.zip

    "多种常用滚动效果jquery插件.zip" 提供了一系列的jQuery插件,可以帮助开发者实现各种创新的滚动动画,提升用户体验。这个压缩包的核心组件是kxbdSuperMarquee插件,它具备丰富的功能,如图片与文字的无缝滚动、...

    简单的jQuery全屏滚动翻页switchPage.js插件

    **jQuery全屏滚动翻页switchPage.js插件详解** 在网页设计中,全屏滚动翻页已经成为一种流行的设计趋势,它能提供流畅的...在实际应用中,根据具体需求,你可以结合其他jQuery插件或CSS3动画,进一步提升用户体验。

    jquery 页面滚动到底部自动加载插件集合

    很多社交网站都使用无限滚动的翻页技术来提高用户体验,...Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。 3. AutoBrowse jQuery Plugin Autobrowse jQuery Plug

    jquery文本向上滚动代码带上下翻转按钮的jQuery插件

    在本文中,我们将深入探讨jQuery文本向上滚动代码以及如何结合上下翻转按钮创建一个功能完善的jQuery插件。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互,使得开发者能够...

    jQuery全屏滚动插件

    XSwitch就是这样一款基于jQuery的全屏滚动插件,它允许开发者轻松创建出高度自定义的全屏翻页效果,使网站的内容展示更加生动且具有吸引力。 **一、jQuery库的应用** jQuery库是JavaScript的一个轻量级框架,简化...

    简单的jQuery全屏滚动翻页switchPage.js插件.zip

    例如,你可以添加自定义导航样式,或者结合其他jQuery插件(如parallax背景效果)增强视觉体验。 总结,switchPage.js插件通过jQuery实现了全屏滚动翻页效果,其简单易用、可定制性强的特点使其在网页设计中广受...

    naiveScroll是一款轻量级的jQuery全屏翻页插件

    naiveScroll是一款专为网页设计者和开发者打造的轻量级jQuery插件,它的主要功能是实现全屏滚动翻页效果。这款插件旨在提供一个简单、高效的解决方案,帮助用户在网站设计中创建出流畅且具有视觉吸引力的全屏滚动...

    jquery滚动插件,各种样式的都有.zip

    3. **无限滚动**:无限滚动(或称无尽滚动)是另一种常见的特性,例如`infinite-scroll`插件,它可以在用户接近页面底部时自动加载更多内容,这种效果常见于社交媒体和新闻网站,可以减少用户翻页的操作。...

    switchPage.js-简单的jQuery全屏滚动翻页插件

    switchPage.js是针对这种需求而开发的一款轻量级jQuery插件,旨在帮助开发者轻松实现水平或垂直方向的全屏翻页效果。下面我们将深入探讨这款插件的功能、用法以及其核心原理。 首先,switchPage.js的安装非常简单。...

    这是一个基于jQuery的翻页按钮插件

    在网页设计和开发中,用户界面的...实际开发过程中,可以根据需求调整和扩展插件功能,例如增加键盘翻页、懒加载或无限滚动等功能。总之,理解和掌握`jQuery`翻页插件的原理和实现,将有助于提升你在前端开发中的能力。

    jquery插件做的翻页效果demo

    在本项目中,我们关注的是一个使用jQuery插件Booklet实现的翻页效果演示。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务,使得网页开发更加高效。Booklet插件则是jQuery的一个...

Global site tag (gtag.js) - Google Analytics