(转)15个非常棒的jQuery无限滚动插件【瀑布流效果】
原文地址:http://www.cnblogs.com/lyw0301/archive/2013/06/19/3145084.html
现在,最热门的网站分页趋势之一是jQuery的无限滚动(也即瀑布流)。如果你碰巧观察Pinterest的网站,如Facebook,Twitter和deviantART的,你会发现无限滚动的动作,当旧的内容自动加载,当你到达页面底部的。这将鼓励访客的网站停留更长的时间,并进一步阅读的网站提供更多相关的内容,无需用户任何操作自动。
从设计和可用性的角度来看,无限滚动导航容易的,因为内容的加载方式,无需额外的页面加载和没有任何积极的行动,需要从访问者。有了这样的技术,无限滚动的网站有更多的机会获得比传统的分页的网站,其内容暴露。这也往往使他们看起来很现代,互动性和趣味性。
在这篇文章中,我们与你分享了一个jQuery的滚动插件集合,在您的网站,可以帮助您实现无限滚动系统。这些无限滚动的脚本是免费的,但我还添加了优质的产品。如果你有无限滚动的jQuery插件,我们可以添加,请在评论中给我们一个链接。我们也很乐意听听你的意见对这篇文章和一般的无限滚动。享受!
原文地址:http://www.goodfav.com/15-awesome-jquery-infinite-scrolling-plugin-showcase-1279.html
DIY jquery 无限滚动 – MORE INFO
A jQuery plugin that provides a basic mechanism for triggering more results to be loaded when the bottom of the page is reached.
Infinite Pages – MORE INFO / DEMO (Premium)
Infinite Pages was designed for displaying large pieces of HTML data in more manageable chunks. When the reader reaches the end of the page, the script loads more content. It implements an ‘infinite scroll’ mechanism to load data, so the reader doesn’t have to load enourmous amounts of text / images onto the page all at once. This ensures a more comfortable reading experience for the user. Infinite Pages works by ‘paginating’ your data, and then feeding that data to the user ‘on demand’. This technique is known as ‘lazy loading’, and is becoming more and more common on the internet. An example of infinite scrolling is Google Images, where content is loaded as requested by the user.
Create Infinite Scroll Effect Using jQuery – MORE INFO
This tutorial will teach you how to code an infinite scrolling effect on your website using JavaScript.
infini_scroll – MORE INFO
“infiniScroll” was written as a jQuery plugin. It works for blog posts but will work for anything where you scroll to get more data. Just like Twitter.com, Facebook status messages, etc. Instead of paginating items, the plugin allows you to keep on scrolling. Such system works on posts and tweets but they can also be applied on leaderboards, portfolio items, anything where you want to load subsequent elements.
jquery-esn-autobrowse – MORE INFO
This plugin adds automatic ajax loading of page content when the user scrolls the page, with built-in browser cache.
Infinite Ajax Scroll, a jQuery plugin – MORE INFO
Infinite Ajax Scroll is an open-source jQuery plugin that turns your existing pagination into an infinite scrolling one, with ease.
jQuery ScrollPagination – MORE INFO
jQuery ScrollPagination plugin has been developed by Anderson Ferminiano for studying purposes. You can however, use it in any way you want on your projects for free, as long as you maintain the credits.
Twitter-style triggered infinite scroll – MORE INFO
This plugin aims to progressively enhance your page. Your navigation/pagination elements should be present in the HTML for non-js users, but the plugin will utilize those links to build out a more rich browsing experience.
Load Content While Scrolling With jQuery – MORE INFO
This Ajax auto content loading can very be handy in almost every project. It loads the extra content once you reach the bottom of the page.
Screw – A jQuery Plugin – MORE INFO
Screw, from scroll + view, is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only loading content as it is scrolled into view. Screw can also be used to create continuously scrolling, bottomless pages where content is appended to the bottom as the user scrolls.
Endless Scroll – MORE INFO
Endless Scroll not only helps you build highly customizable infinite scrolling effects, it also offers features not commonly seen. Such features include: The ability to up-scroll and prepend content to the beginning of the page; The ability to limit the number of available ‘pages’, i.e. data truncation; and and there are more exciting features in the works, including SEO-friendly URLs!
jScroll – MORE INFO
jScroll is a jQuery plugin for infinite scrolling, written by Philip Klauzinski. Infinite scrolling; also known aslazy loading, endless scrolling, autopager, endless pages, etc. is the ability to load content viaAJAX within the current page or content area as you scroll down. The new content can be loaded automatically each time you scroll to the end of the existing content, or it can be triggered to load by clicking a navigation link at the end of the existing content.
Infinite scroll – MORE INFO
This plugin aims to progressively enhance your page. Your navigation/pagination elements should be present in the HTML for non-js users, but the plugin will utilize those links to build out a more rich browsing experience.
jQuery onScrollBeyond and scrollExtend plugins – MORE INFO
The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like Facebook does with their status updates. The existing infinite scroll plugin was primarily designed to integrate with WordPress, which didn’t really suit my purposes.
Unlimited Scroll using the Twitter API – MORE INFO
这个的资源实际上就是一个附有可下载源码的教程,教你如果使用jQuery创建无限滚动效果,就像你在Twitter中看到的那样。
(转)15个非常棒的jQuery无限滚动插件【瀑布流效果】的更多相关文章
- 15个非常棒的jQuery无限滚动插件【瀑布流效果】
现在,最热门的网站分页趋势之一是jQuery的无限滚动(也即瀑布流).如果你碰巧观察Pinterest的网站,如Facebook,Twitter和deviantART的,你会发现无限滚动的动作,当旧的 ...
- masonry结合json 制作无限滚动的瀑布流
做前端这行的 能直接贴代码就直接贴代码了,不用多说什么别的 效果需要引入jquery和jquery.masonry.min.js这两个JS JS代码如下: $(document).ready(func ...
- jQuery实现无限加载瀑布流特效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 30 个最棒的 jQuery 的拖放插件
jQuery 允许用户为任意 DOM 元素添加可拖放的功能,通过 jQuery 的拖放插件你可以轻松实现网页上任意元素的拖拽操作.在本文中我们向你推荐 30 个最棒的 jQuery 的拖放插件. 点击 ...
- 16个最棒的jQuery视差滚动效果教程
今天我们整理了16个最棒的jQuery视差滚动效果教程 , 并附有演示地址,你可以快速的查看教程的效果,或者应用在自己的项目中.希望本文对想要学习或者使用jQuery视差效果的朋友有帮助,慢慢的欣赏吧 ...
- Infinite Scroll - jQuery & WP 无限滚动插件
无限滚动(Infinite Scroll)也称为自动分页.滚动分页和无限分页.常用在图片.文章或其它列表形式的网页中,用来在滚动网页的时候自动加载下一页的内容.Infinite Scroll 这款 ...
- 四款超棒的jQuery数字化签名插件
在浏览器中,我们有很多方式来绘制生成签名效果,并且有很多很棒很智能的jQuery插件.数字化签名是未来的发展方向,正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件,希望大家喜欢! ...
- 20 个非常棒的jQuery内容滑动插件
Wow Slider WOW Slider是一款小巧易用的网页滑块设计.该软件内置大量的模版和工具,让你轻松设计出完美的视觉效果.他还可以帮助用户在短时间内创造出梦幻般的滑块,而无需编码和图像编辑, ...
- 【精心推荐】12款很好用的 jQuery 图片滚动插件
这里收集了12款很好用的 jQuery 图片滚动插件分享给大家.jQuery 作为最流行的 JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用.其中最令人印象深刻的应用之一就是各 ...
随机推荐
- 笔记:使用 Protel 99 SE 改一块车充 PCB
笔记:使用 Protel 99 SE 改一块车充 PCB Protel 99 SE N 多年前用过,之前就再没有碰过了. 今天由于特殊原因又使用了一下. 还好有些有印象,现记录一下以免忘记. 元件转向 ...
- Oracle GoldenGate理论
1Oracle GoldenGate处理方法和支持的数据库Oracle GoldenGate在多样和异构的基础IT平台中,可以在事务级别上进行数据交换和数据操作.在保证交易完整性和最小的开销的条件下, ...
- (转)setTextColor()的参数设置方式
setTextColor()的参数设置方式 分类: Android界面研究2011-12-09 23:27 11160人阅读 评论(2) 收藏 举报 查了下资料发现setTextColor()的参数应 ...
- Docker技术初体验
什么是Docker Docker技术和虚拟机技术类似,他们都能在一个Host系统中划分出多个相互独立隔离的运行环境.借助官方配图: 虚拟机的示意图是这样的 我们需要为每个虚拟机安装自己的操作系统,即使 ...
- laravel 中config的使用
在laravel的config中添加配置文件(比如:alipay.php)文件内容为return数组的形式 在方法中使用config()函数获取数据 $config = config('alipay. ...
- java实现一个最简单的tomcat服务
在了解tomcat的基本原理之前,首先要了解tomcatt最基本的运行原理. 1.如何启动? main方法是程序的入口,tomcat也不例外,查看tomcat源码,发现main是在Bootstrap ...
- monkey实战--测试步骤、常用参数、常规monkey命令
简要步骤:adb devices---了解包名--adb shell monkey -p 包名 -v 运行次数(多个参数的组合形成不同的用例以求最大的覆盖)--当崩溃或无响应时分析monkey日志 常 ...
- 校赛热身 Problem B. Matrix Fast Power
找循环节,肯定在40项以内,不会证明. #include <iostream> #include <cstring> #include <string> #incl ...
- 1115 Counting Nodes in a BST
题意:给出一棵二叉搜索树的插入序列,要求该树最后两层的结点个数. 思路:在树结点中增加一个数据域layer,表示该结点所在的层次.另外,设置数组level[]和变量maxLevel,level[i]表 ...
- Java开发需要注意的流程
将一些需要变动的配置写在属性文件中 比如,没有把一些需要并发执行时使用的线程数设置成可在属性文件中配置.那么你的程序无论在DEV环境中,还是TEST环境中,都可以顺畅无阻地运行,但是一旦部署在PROD ...