From Evernote:

---

20 个 jQuery 分页插件和教程，附带实例

Clipped from: http://www.oschina.net/news/27516/best-ajax-jquery-pagination-plugin-tutorial-with-example-demo?from=20120407

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070291685.png)

在这篇文章中我们将向你介绍 20 个最棒的 jQuery 分页插件以及教程，并提供在线演示。

1.客户端的jQuery 分页插件jPages

jPages 是一个客户端的分页插件，但提供很多特性例如自动翻页、键盘和滚动浏览，延迟显示以及完全可定制的导航面板。

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070395998.jpeg)

Read More Demo

2. jQuery ScrollPagination

jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070305857.gif)

Read More Demo

3. jQuery 的分页插件——jqPagination

jqPagination 是一个简单易用的轻量级 jQuery 分页插件，其使用了 HTML5 和 CSS3 技术来实现。此插件提供了几个参数设置选项，通过简单的配置即可生成分页控件。此外，它的外观样式是可自定义的，扩展性很强。

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070317248.jpeg)

Read More Demo

4. Extreme Makeover: jPaginator CSS3 Edition

自从jQuery出现以来，以其简洁、灵活的编程模式风靡于世，而且通过插件的扩展使得多种功能不断被开发出来。jPaginator就是一个简单易用的带滑动条的jQuery分页插件。

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070323232.gif)

Read More Demo

5. Creating Modern jQuery Pagination for Content

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070352060.gif)

Read More Demo

6. Sausage : jQuery infinite Pagination with Demo

Sausage 是一款 jQuery 内容分页插件，用于补充页面内容很长情况下产生的滚动不友好问题。

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070369935.gif)

Read More Demo

7. Pagination with Jquery, PHP , Ajax and MySQL

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070329123.gif)

Read More Demo

8. Smart Paginator : jQuery Pagination Plugin

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070375607.gif)

Read More Demo

9. How to create easy pagination with jQuery

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070357638.gif)

Read More Demo

10. Pagination with jQuery, MySQL and PHP

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070389388.gif)

Read More Demo

11. Xarg : Ajax jQuery Pagination

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070363841.jpeg)

Read More Demo

12. Pajinate – A jQuery Pagination Plugin

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070299998.gif)

Read More Demo

13. jPaginate: A Fancy jQuery Pagination Plugin

jPaginate是一个比较奇特的jQuery分页插件。当用户点击页码或鼠标移到箭头时，页码会向前或向后滚动。

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070334904.gif)

Read More Demo

14. SimplePager – jQuery paging plugin

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070346388.gif)

Read More Demo

15. jPaginator: jQuery Pagination Plugin

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070401716.gif)

Read More Demo

16. jQuery Pagination Plugin

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070407435.gif)

Read More Demo

17. Sweet Pages: A jQuery Pagination Solution

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070340669.jpeg)

Read More Demo

18. Easy pagination with jQuery and Ajax

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070382685.gif)

Read More Demo

19. AJAX Pagination using jQuery and PHP with Animation

[](https://silyproject.googlecode.com/svn/trunk/ sily_file/images/201204/1334070311498.jpeg)

Read More Demo

更多关于jQuery的详细信息，或者下载地址请点这里