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

简介: 在这篇文章中,我为大家收集了20个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 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,支持鼠标悬停翻页功能。

jPaginate: A Fancy jQuery Pagination Plugin with Demo

浏览详情  在线演示

 

3. SimplePager – jQuery paging plugin

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

SimplePager - jQuery paging plugin with example

浏览详情  在线演示

 

4. jQuery ScrollPagination

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

jQuery Scroll Pagination Plugin with Demo

浏览详情  在线演示

 

5. jqPagination A jQuery pagination plugin

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

jqPagination jQuery Pagination Plugin with Demo

浏览详情  在线演示

 

6. Extreme Makeover: jPaginator CSS3 Edition

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

jpaginator : jQuery Pagination Plugin with Demo

浏览详情  在线演示

 

7. Sausage : jQuery infinite Pagination with Demo

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

Sausage : jQuery infinite Pagination plugin with Demo

浏览详情  在线演示

 

8. Xarg : Ajax jQuery Pagination

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

Xarg : Ajax jQuery Pagination with Demo

浏览详情  在线演示

 

9. jPaginator: jQuery Pagination Plugin

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

jPaginator: jQuery Pagination Plugin with Example & Demo

浏览详情  在线演示

 

10. jQuery Pagination Plugin

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

jQuery Pagination Plugin with example & demo

浏览详情  在线演示

 

11. Sweet Pages: A jQuery Pagination Solution

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

Sweet Pages: A jQuery Pagination Solution with example & demo

浏览详情  在线演示

 

12. AJAX Pagination using jQuery and PHP with Animation

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

AJAX Pagination using jQuery and PHP with Animation

浏览详情  在线演示

 

from:http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html
目录
相关文章
|
20天前
|
XML JSON JavaScript
JQuery基础和原生ajax
JQuery基础和原生ajax
71 3
|
2月前
|
JSON 缓存 前端开发
JQuery版本的AJAX
AJAX写起来那么烦,还好JQuery那么可爱
|
2月前
|
前端开发 JavaScript
jQuery中的Ajax请求----ajax请求篇(二)
在jQuery中的Ajax请求其实是在底层对原生js请求方式的封装,那么jQuery中的Ajax请求是怎样的呢?
18 0
|
2月前
|
前端开发 JavaScript
JavaScript 在jQuery发送Ajax请求
JavaScript 在jQuery发送Ajax请求
34 0
|
2月前
|
XML JSON 缓存
JQuery中$.ajax()方法参数详解
JQuery中$.ajax()方法参数详解
29 2
|
2月前
|
JSON 前端开发 JavaScript
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(三)
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(三)
|
2月前
|
缓存 JSON 前端开发
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(二)
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(二)
|
2月前
|
XML 数据采集 Web App开发
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(一)
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)
|
3月前
|
前端开发 JavaScript
Echarts实战案例代码(22):jquery使用ajax属性beforeSend实现预加载loading效果代替showLoading的解决方案
Echarts实战案例代码(22):jquery使用ajax属性beforeSend实现预加载loading效果代替showLoading的解决方案
38 0
|
3月前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用
31 0
相关产品
云迁移中心
推荐文章
更多