分享精心挑选的12款优秀 jQuery Ajax 分页插件和教程

在这篇文章中,我为大家收集了20个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。我们一起来看看下面这些优秀的分页插件。

 

1.Client-side jQuery pagination plugin : jPages

jPages 是一款非常不错的客户端分页插件,有很多特色,例如自动播放、按键翻页、延迟加载等等。

浏览详情  在线演示

 

2. jPaginate: A Fancy jQuery Pagination Plugin

jPaginate 是一款非常精致的分页插件,提供了五种形式的DEMO,支持鼠标悬停翻页功能。

浏览详情  在线演示

 

3. SimplePager – jQuery paging plugin

SimplePager 是非常简洁的 jQuery 分页插件,用最少的参数配置实现满足需要的分页功能。 

浏览详情  在线演示

 

4. jQuery ScrollPagination

jQuery 滚动翻页插件 由 Anderson Ferminiano 开发,可以在项目中免费使用。

浏览详情  在线演示

 

5. jqPagination A jQuery pagination plugin

jqPagination 提供了一种新颖的分页方式,用表现当期所处的页码形式取代传统的页码列表模式。

浏览详情  在线演示

 

6. Extreme Makeover: jPaginator CSS3 Edition

jPaginator 这款分页插件用于改进长翻页列表的用户体验,使用一个滑动条来快速翻页。

浏览详情  在线演示

 

7. Sausage : jQuery infinite Pagination with Demo

Sausage 是一款非常优秀的分页插件,用于实现页面的无限制滚动分页功能。

浏览详情  在线演示

 

8. Xarg : Ajax jQuery Pagination

Xarg jQuery 分页插件,有多种分页形式供选择,可以帮助你实现各种需求的分页效果。

浏览详情  在线演示

 

9. jPaginator: jQuery Pagination Plugin

jPaginator 是一款非常轻量的 jQuery 分页插件,也非常有特色,提供了方便使用的滑动翻页功能。

浏览详情  在线演示

 

10. jQuery Pagination Plugin

这款分页插件虽然效果简洁,但是是学习 jQuery 翻页功能非常好的例子。

浏览详情  在线演示

 

11. Sweet Pages: A jQuery Pagination Solution

Sweet Pages 是效果非常精美的一款分页插件,效果有点类似于幻灯片的翻页。

浏览详情  在线演示

 

12. AJAX Pagination using jQuery and PHP with Animation

最后推荐的这款 jQuery 分页插件拥有充满吸引力的动画效果,相信你会喜欢的。

浏览详情  在线演示

 

from:http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html

时间: 2024-09-04 23:29:03

分享精心挑选的12款优秀 jQuery Ajax 分页插件和教程的相关文章

分享精心挑选的12款优秀jQuery Ajax分页插件和教程_jquery

Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能.我们一起来看看下面这些优秀的分页插件. 1.Client-side jQuery pagination plugin : jPages jPages 是一款非常不错的客户端分页插件,有很多特色,例如自动播放.按键翻页.延迟加载等等. 浏览详情  在线演示 2. jPaginate: A Fancy jQuery Pagination Plugin jPa

精心挑选的15款优秀jQuery 本特效插件和教程_jquery

今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程.jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了 HTML 文档遍历,事件处理,动画以及Ajax交互,帮助 Web 开发人员更快速的实现各种精美的界面效果.   01. 滑动的字符     在线演示 下载源码   02. 鼠标悬停变换效果     在线演示 下载源码   03. 旋转的文本     在线演示 下载源码   04. 滚动变换的文本     在线演示 下载源码  

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程_jquery

当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换.借助流行的 jQuery 框架,只需很少的代码就可以实现精美的手风琴效果,帮助你的网站吸引更多用户的眼球.   Elegant Accordion with jQuery and CSS3 首先推荐的这款插件是基于 jQuery 和 CSS3 实现的优雅的鼠标悬停手风琴效果. 制作教程 在线演示   Vertical Sliding Acc

分享精心挑选的23款美轮美奂的jQuery 图片特效插件_jquery

下面向大家分享精心挑选的23款优秀 jQuery 图片特效插件,带给你美轮美奂的图片展示效果.   01. 3D Image Slider 非常非常酷的 3D 图片滑动效果,有五种绚丽的效果演示.     在线演示 下载源码   02. Portfolio Image Navigator 精致的图片导航效果,通过四个方向的箭头控制,适合作品展示的应用场合.     在线演示 下载源码   03. Image Transitions 非常精美的图片切换效果,有 Flip.Multi-flip.Ro

jquery ajax分页插件的简单实现_jquery

说到基于jQuery的ajax分页插件,那我们就先看看主要的代码结构: 1.首先定义一个pager对象: var sjPager = window.sjPager = { opts: { //默认属性 pageSize: 10, preText: "pre", nextText: "next", firstText: "First", lastText: "Last", shiftingLeft: 3, shiftingRig

基于jquery编写分页插件_jquery

扩展JQuery很容易,作为一个练习,编写一个简单的分页插件,代码量不大,直接看代码好了: $.fn.mypagination = function(totalProperty,opts){ opts = $.extend({ perPage:10, callback:function(){ } },opts||{}); return this.each(function(){ function numPages(){ return Math.ceil(totalProperty/opts.pe

jQuery插件免费下载:推荐10款优秀jQuery插件

文章简介:文将推荐从jQuery网站的Plugin频道中推选出的近期十款优秀jQuery插件,以便开发者借鉴. 当今,设计领域竞争越来越激烈,唯有做出最优秀的产品才能在该领域独树一帜.而jQuery插件为设计和开发提供了强大的支撑力.本文将推荐从jQuery网站的Plugin频道中推选出的近期十款优秀jQuery插件,以便开发者借鉴. 当有限的开发知识限制了设计进展,你无法为自己插上创新的翅膀时,jQuery可以扩展你的视野.本文将推荐从jQuery网站的Plugin频道中推选出的近期十款优秀j

Ajax分页插件Pagination从前台jQuery到后端java总结_jquery

困惑了我一段时间的网页分页,今天特地整理了一下我完成不久的项目.下面我要分享下我这个项目的分页代码,前后端通吃.希望前辈多多指教. 一.效果图 下面我先上网页前台和管理端的部分分页效果图,他们用的是一套代码. 二.上代码前的一些知识点 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢. 三.前台代码部分 var pageSize =6; //每页显示多少条记录 var total; //总共多少记录 $(function(

基于bootstrap3和jquery的分页插件_jquery

自己写的一款基于bootstrap3和jquery的分页插件,初学jquery插件写法,写的很一般.拿出来献丑了. /** * 基于bootstrap3的jquery分页插件 * 调用方式分两种 * 1.直接调用法 * 普通大小 * $.mypage(id,now,max,fn); * 大尺寸 * $.mypagelg(id,now,max,fn); * 小尺寸 * $.mypagesm(id,now,max,fn); * * 参数说明:id为放置分页容器的ID,now为当前页,max为最大页,