Web 开发最有用的 jQuery 插件集锦

阳光穿透心脏的1/2处 2021-12-22 08:47 251阅读 0赞

## 一、Responsive SlideShow——图片滑块展示 ##

#### 1、[Responsive Carousel][] ####

[![Responsive Carousel][Responsive Carousel 1]][Responsive Carousel]

responsive-carousel 是一个内容传送带插件，支持鼠标、触摸和键盘操作。默认包含 slide/drag 过渡特效，你也通过 data 属性应用以及包含额外的 [**CSS**][CSS] 样式。

在源文件夹里还包含其它的扩展，例如翻转和淡入淡出的过渡效果，自动播放，分页等等。使用示例：

[插件下载][Link 1] [效果演示][Link 2]

2、[Sequence.js][]

[![Sequence.js][Sequence.js 1]][Sequence.js]

这是一款动画效果很抢眼的响应式内容滑动插件，主要特色：使用 [**CSS3**][CSS] 过渡特效、触屏设备、跨浏览器以及响应式布局。

本身无内置的主题，可以根据需要完全自定义。主题示例：

*  [Modern Slide In][]
 *  [Modern Slide In (with hashTags enabled)][Modern Slide In _with hashTags enabled]
 *  [Sliding Horizontal Parallax][]
 *  [Apple Style][]
 *  [Basic Slide][]
 *  [Basic Crossfade][]
 *  [Documentation Demo][]

[插件下载][Link 3] [效果演示][Link 4]

#### 3、[Fresco][] ####

[![Fresco][Fresco 1]][Fresco]

Fresco 是一款响应式的灯箱插件，它可以被用来创建令人惊叹的遮罩效果。它配备了全屏播放，支持视网膜显示的主题以及强大的 JavaScript API。

[插件下载][Link 5] [效果演示][Fresco]

#### 4、[BookBlock: A Content Flip Plugin][BookBlock_ A Content Flip Plugin] ####

[![BookBlock: A Content Flip Plugin][BookBlock_ A Content Flip Plugin 1]][BookBlock_ A Content Flip Plugin]

BookBlock 这款插件可用于创建精美的小册子风格效果，支持“翻页”模式的导航，可以用于显示任何内容，如图像、文本和视频等待。

<div id="bb-bookblock" class="bb-bookblock">
        <div class="bb-item"></div>
        <div class="bb-item"></div>
        <div class="bb-item"></div>
        <div class="bb-item">
            
        </div>
    </div>
    $(function() {             
        $( '#bb-bookblock' ).bookblock(); 
    });

[插件下载][Link 6] [效果演示][Link 7]

5、[RSlider][]

[![RSlider][RSlider 1]][RSlider]

RSlider 是一个全屏的响应式图像和内容滑块，外观设计简洁大方，会根据浏览器的窗口宽度自动调整尺寸。

[插件下载][Link 8] [效果演示][Link 9] （温馨提示：需要FQ访问）

#### 6、[ResponsiveSlides.js][] ####

[![ResponsiveSlides.js][ResponsiveSlides.js 1]][ResponsiveSlides.js]

压轴的 ResponsiveSlides.js 是一款轻量的 [**jQuery**][jQuery] 插件，用于创建响应的幻灯片。支持下列参数：

$(".rslides").responsiveSlides({
      auto: true,             // Boolean: Animate automatically, true or false，//布尔类型：是否手动切换图片(“auto:false”会自动添加页面标签)
      speed: 500,            // Integer: Speed of the transition, in milliseconds， //整数：幻灯片切换间隔时间，单位是ms 
      timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
      pager: false,           // Boolean: Show pager, true or false
      nav: false,             // Boolean: Show navigation, true or false
      random: false,          // Boolean: Randomize the order of the slides, true or false
      pause: false,           // Boolean: Pause on hover, true or false
      pauseControls: true,    // Boolean: Pause when hovering controls, true or false
      prevText: "Previous",   // String: Text for the "previous" button
      nextText: "Next",       // String: Text for the "next" button
      maxwidth: "",           // Integer: Max-width of the slideshow, in pixels，//整数：幻灯片和图片区域的最大宽度，单位是像素px
      navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
      manualControls: "",     // Selector: Declare custom pager navigation
      namespace: "rslides",   // String: Change the default namespace used，//字符串：修改幻灯片类和id的默认命名空间(比如你想在一个页面添加多个幻灯片时使用)
      before: function(){},   // Function: Before callback
      after: function(){}     // Function: After callback
    });

[插件下载][Link 10] [效果演示][ResponsiveSlides.js]

## 二、网页布局 ##

#### 1、[Wookmark][] ####

[![Wookmark][Wookmark 1]][Wookmark]

Wookmark 这款 [**jQuery**][jQuery] 插件用于创建一个动态的多列布局。使用示例：

`$(``'#myContent li'``).wookmark({offset: 2});`

[插件下载][Link 11] [效果演示][Wookmark]

2、[jQuery Scroll Path][]

[![jQuery Scroll Path][jQuery Scroll Path 1]][jQuery Scroll Path]

jQuery Scroll Path 是一款非常帮的自定义路径滚动插件。使用示例：

$.fn.scrollPath("getPath")
            // Move to 'start' element
            .moveTo(400, 50, {name: "start"})
            // Line to 'description' element
            .lineTo(400, 800, {name: "description"})
            // Arc down and line to 'syntax'
            .arc(200, 1200, 400, -Math.PI/2, Math.PI/2, true)
            .lineTo(600, 1600, {
                callback: function() {
                    highlight($(".settings"));
                },
                name: "syntax"
            })
            // Arc and rotate back to the beginning.
            .arc(1300, 50, 900, -Math.PI/2, -Math.PI, true, {rotate: Math.PI*2, name: "end"});
     
        // We're done with the path, let's initate the plugin on our wrapper element
        $(".wrapper").scrollPath({drawPath: true, wrapAround: true});

[插件下载][Link 12] [效果演示][jQuery Scroll Path]

**3、Flexslider**

FlexSlider 是一款轻量的响应式 [**jQuery**][jQuery] 内容滚动插件，能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件也是 2011 年度最佳 [**jQuery**][jQuery] 插件，今年被 WooThemes 收购并发布了2.0版本，因此继续入选 2012 年度榜单。

#### 主要特色 ####

*  ✓ 简单的，语义化的标签；
 *  ✓ 支持所有主流的浏览器；
 *  ✓ 水平/垂直滑动和淡入淡出动画；
 *  ✓ 支持多个滑块，回调 API，以及更多；
 *  ✓ 触摸滑动支持硬件加速；
 *  ✓ 能够自定义导航选项。
 *  ✓ 兼容最新版本的 jQuery。

[插件下载][Link 13] [效果演示][Link 14]

**4、Elastislide**

Elastislide 是一款非常优秀的响应式 [**jQuery**][jQuery] 幻灯片插件，集成了 Touchwipe 插件以支持触屏设备。

#### 提供了四种效果 ####

*  ✓ 水平图片传送带
 *  ✓ 垂直图片传送带
 *  ✓ 固定在屏幕底部
 *  ✓ 缩略图形式预览

这款插件也有详细的[制作教程][Link 15]，非常详细，可以学习到插件的制作方法。

[插件下载][Link 16] [效果演示][Link 17]

5、**Slidesjs--responsive**

Slides 是一个非常简洁的 **[jQuery][]**图片轮播插件，其特点是自动循环播放、图片预加载以及自动分页功能。

#### 使用示例 [下载插件][Link 18] [效果演示][Link 19] ####

*  ✓ [Images with captions][]
 *  ✓ [Linking][]
 *  ✓ [Product][]
 *  ✓ [Multiple slideshows][]
 *  ✓ [Simple (unstyled)][Simple _unstyled]
 *  ✓ [Standard][]

### 6. [Responsive Thumbnail Gallery Plugin][] ###

[![slider\_ducks][slider_ducks]][Responsive Thumbnail Gallery Plugin]

这是一款带缩略图功能的幻灯片插件，能够根据父容器的尺寸自适应大小，效果不错。

**7、3D Gallery**

特别推荐！精致的立体图片切换效果，特别适合企业产品展示，可立即用于实际项目中。

支持导航和自动播放功能， 基于 [**CSS3**][CSS] 实现，推荐使用最新的 Chrome，Firefox 和 Safari 浏览器浏览效果

[插件下载][Link 20] [效果演示][Link 21]

**8、Image Transitions**

基于 [**jQuery**][jQuery] 和 [**CSS3**][CSS] 动画实现的图片过渡效果。

共有Flip、Rotation、Multi-flip、Cube、Unfold等6种效果。

这款插件有详细的[制作教程][Link 22]可以参考学习。 [插件下载][Link 23] [效果演示][Link 24]

**9、[Zoomooz.js][]**

[![Zoomooz.js][Zoomooz.js 1]][Zoomooz.js]

Zoomooz.js 是一款易于使用的插件，能使任何网页元素放大，支持 3D 转换。使用示例：

$(document).ready(function() {
        $("#element").click(function(evt) {
            $(this).zoomTo({targetsize:0.75, duration:600});
            evt.stopPropagation();
        });
    });

[插件下载][Link 25] [效果演示][Zoomooz.js]

学习 ： [http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/][http_tutorialzine.com_2010_09_html5-canvas-slideshow-jquery]

## 三、[jQuery Ajax 分页插件和教程][jQuery Ajax] ##

#### 1.Client-side jQuery pagination plugin : jPages ####

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

[![2012080809411883.jpg][]][2012080809411883.jpg 1]

[浏览详情][2012080809411883.jpg 1] [在线演示][Link 26]

#### 2. jPaginate: A Fancy jQuery Pagination Plugin ####

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

[![jPaginate: A Fancy jQuery Pagination Plugin with Demo][jPaginate_ A Fancy jQuery Pagination Plugin with Demo]][jPaginate_ A Fancy jQuery Pagination Plugin with Demo_jPaginate_ A Fancy jQuery Pagination Plugin with Demo]

[浏览详情][jPaginate_ A Fancy jQuery Pagination Plugin with Demo_jPaginate_ A Fancy jQuery Pagination Plugin with Demo] [在线演示][Link 27]

#### 3. SimplePager – jQuery paging plugin ####

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

[![SimplePager - jQuery paging plugin with example][]][SimplePager - jQuery paging plugin with example 1]

[浏览详情][SimplePager - jQuery paging plugin with example 1] [在线演示][Link 28]

**4. jQuery ScrollPagination**

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

[![jQuery Scroll Pagination Plugin with Demo][]][jQuery Scroll Pagination Plugin with Demo 1]

[浏览详情][jQuery Scroll Pagination Plugin with Demo 1] [在线演示][Link 29]

#### 5. jqPagination A jQuery pagination plugin ####

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

[![jqPagination jQuery Pagination Plugin with Demo][]][jqPagination jQuery Pagination Plugin with Demo 1]

[浏览详情][jqPagination jQuery Pagination Plugin with Demo 1] [在线演示][jqPagination jQuery Pagination Plugin with Demo 1]

#### 6. Extreme Makeover: jPaginator CSS3 Edition ####

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

[![jpaginator : jQuery Pagination Plugin with Demo][jpaginator _ jQuery Pagination Plugin with Demo]][jpaginator _ jQuery Pagination Plugin with Demo_jpaginator _ jQuery Pagination Plugin with Demo]

[浏览详情][jpaginator _ jQuery Pagination Plugin with Demo_jpaginator _ jQuery Pagination Plugin with Demo] [在线演示][Link 30]

#### 7. Sausage : jQuery infinite Pagination with Demo ####

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

[![Sausage : jQuery infinite Pagination plugin with Demo][Sausage _ jQuery infinite Pagination plugin with Demo]][Sausage _ jQuery infinite Pagination plugin with Demo_Sausage _ jQuery infinite Pagination plugin with Demo]

[浏览详情][Sausage _ jQuery infinite Pagination plugin with Demo_Sausage _ jQuery infinite Pagination plugin with Demo] [在线演示][Link 31]

#### 8. Xarg : Ajax jQuery Pagination ####

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

[![Xarg : Ajax jQuery Pagination with Demo][Xarg _ Ajax jQuery Pagination with Demo]][Xarg _ Ajax jQuery Pagination with Demo_Xarg _ Ajax jQuery Pagination with Demo]

[浏览详情][Xarg _ Ajax jQuery Pagination with Demo_Xarg _ Ajax jQuery Pagination with Demo] [在线演示][Link 32]

#### 9. jPaginator: jQuery Pagination Plugin ####

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

[![jPaginator: jQuery Pagination Plugin with Example & Demo][jPaginator_ jQuery Pagination Plugin with Example _ Demo]][jPaginator_ jQuery Pagination Plugin with Example _ Demo_jPaginator_ jQuery Pagination Plugin with Example _ Demo]

[浏览详情][jPaginator_ jQuery Pagination Plugin with Example _ Demo_jPaginator_ jQuery Pagination Plugin with Example _ Demo] [在线演示][Link 33]

#### 10. jQuery Pagination Plugin ####

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

[![jQuery Pagination Plugin with example & demo][jQuery Pagination Plugin with example _ demo]][jQuery Pagination Plugin with example _ demo_jQuery Pagination Plugin with example _ demo]

[浏览详情][jQuery Pagination Plugin with example _ demo_jQuery Pagination Plugin with example _ demo] [在线演示][Link 34]

#### 11. Sweet Pages: A jQuery Pagination Solution ####

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

[![Sweet Pages: A jQuery Pagination Solution with example & demo][Sweet Pages_ A jQuery Pagination Solution with example _ demo]][Sweet Pages_ A jQuery Pagination Solution with example _ demo_Sweet Pages_ A jQuery Pagination Solution with example _ demo]

[浏览详情][Sweet Pages_ A jQuery Pagination Solution with example _ demo_Sweet Pages_ A jQuery Pagination Solution with example _ demo] [在线演示][Link 35]

12. AJAX Pagination using jQuery and PHP with Animation

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

[![AJAX Pagination using jQuery and PHP with Animation][]][AJAX Pagination using jQuery and PHP with Animation 1]

[浏览详情][AJAX Pagination using jQuery and PHP with Animation 1] [在线演示][Link 36]

转载于:https://www.cnblogs.com/JoannaQ/archive/2013/05/05/3060545.html

[Responsive Carousel]: https://github.com/filamentgroup/responsive-carousel/
[Responsive Carousel 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/09/new_jquery_02.jpg
[CSS]: http://www.cnblogs.com/lhb25/category/146075.html
[Link 1]: https://github.com/filamentgroup/responsive-carousel/archive/master.zip
[Link 2]: http://filamentgroup.github.com/responsive-carousel/test/functional/
[Sequence.js]: /images/20211220/9384362bedd24423922144e3cf52ac5f.png
[Sequence.js 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/04/jquery-new-plugin-19.jpg
[Modern Slide In]: http://www.sequencejs.com/themes/modern-slide-in/
[Modern Slide In _with hashTags enabled]: http://www.sequencejs.com/themes/modern-slide-in-hashtags/
[Sliding Horizontal Parallax]: http://www.sequencejs.com/themes/sliding-horizontal-parallax/
[Apple Style]: http://www.sequencejs.com/themes/apple-style/
[Basic Slide]: http://ianlunn.github.com/Sequence/themes/basic-slide
[Basic Crossfade]: http://ianlunn.github.com/Sequence/themes/basic-crossfade
[Documentation Demo]: http://www.sequencejs.com/themes/documentation-demo/
[Link 3]: http://www.sequencejs.com/download/
[Link 4]: http://www.sequencejs.com/
[Fresco]: http://www.frescojs.com/
[Fresco 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/09/new_jquery_08.jpg
[Link 5]: http://www.frescojs.com/downloads/download/3
[BookBlock_ A Content Flip Plugin]: /images/20211220/8a4a08dc5df9466ba113fc9c2ac7eb0d.png
[BookBlock_ A Content Flip Plugin 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/09/new_jquery_10.jpg
[Link 6]: http://tympanus.net/Development/BookBlock/BookBlock.zip?84cd58
[Link 7]: http://tympanus.net/Development/BookBlock/
[RSlider]: http://www.egrappler.com/full-screen-responsive-jquery-image-and-content-sliderrslider/
[RSlider 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/09/new_jquery_05.jpg
[Link 8]: http://www.egrappler.com/responsive-image-content-slider/full-screen-responsive-image-content-slider.zip
[Link 9]: http://www.egrappler.com/responsive-image-content-slider/index.htm
[ResponsiveSlides.js]: /images/20211220/7058d6ad969b4f389c8a075c4f9cbae5.png
[ResponsiveSlides.js 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/04/jquery-new-plugin-22.jpg
[jQuery]: http://www.cnblogs.com/lhb25/category/277997.html
[Link 10]: https://github.com/viljamis/ResponsiveSlides.js/archive/master.zip
[Wookmark]: http://www.wookmark.com/jquery-plugin
[Wookmark 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/04/jquery-new-plugin-03.jpg
[Link 11]: https://github.com/GBKS/Wookmark-jQuery
[jQuery Scroll Path]: /images/20211220/3f2373e8004c4fb8aeb1c6bdc397bfd6.png
[jQuery Scroll Path 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/04/jquery-new-plugin-10.jpg
[Link 12]: https://github.com/JoelBesada/scrollpath/archive/master.zip
[Link 13]: https://github.com/woothemes/FlexSlider/zipball/master
[Link 14]: http://flexslider.woothemes.com/
[Link 15]: http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/
[Link 16]: http://tympanus.net/Development/Elastislide/Elastislide.zip?84cd58
[Link 17]: http://tympanus.net/Development/Elastislide/
[Link 18]: http://slidesjs.com/downloads/slides.zip
[Link 19]: http://slidesjs.com/
[Images with captions]: http://slidesjs.com/examples/images-with-captions/
[Linking]: http://slidesjs.com/examples/linking/
[Product]: http://slidesjs.com/examples/product/
[Multiple slideshows]: http://slidesjs.com/examples/multiple/
[Simple _unstyled]: http://slidesjs.com/examples/simple/
[Standard]: http://slidesjs.com/examples/standard/
[Responsive Thumbnail Gallery Plugin]: http://johnpolacek.github.com/ResponsiveThumbnailGallery/
[slider_ducks]: http://webdesignledger.com/wp-content/uploads/2012/01/slider_ducks.jpg
[Link 20]: http://tympanus.net/Development/3DGallery/3DGallery.zip
[Link 21]: http://tympanus.net/Development/3DGallery/
[Link 22]: http://tympanus.net/codrops/2011/12/19/experimental-css3-animations-for-image-transitions/
[Link 23]: http://tympanus.net/Development/ImageTransitions/ImageTransitions.zip
[Link 24]: http://tympanus.net/Development/ImageTransitions/
[Zoomooz.js]: /images/20211220/bb68aa3cea2b49568390e19b3dd8ece6.png
[Zoomooz.js 1]: http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2012/04/jquery-new-plugin-02.jpg
[Link 25]: http://github.com/jaukia/zoomooz/zipball/master
[http_tutorialzine.com_2010_09_html5-canvas-slideshow-jquery]: http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/
[jQuery Ajax]: http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html
[2012080809411883.jpg]: /images/20211220/f6e6946835da42cdbd40f53b671b6f58.png
[2012080809411883.jpg 1]: http://luis-almeida.github.com/jPages/index.html
[Link 26]: http://luis-almeida.github.com/jPages/defaults.html
[jPaginate_ A Fancy jQuery Pagination Plugin with Demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-pagination-plugin-jpaginate-13.gif
[jPaginate_ A Fancy jQuery Pagination Plugin with Demo_jPaginate_ A Fancy jQuery Pagination Plugin with Demo]: /images/20211220/056c020fce134fdd98e8b8f4adbc1b53.png
[Link 27]: http://tympanus.net/jPaginate/
[SimplePager - jQuery paging plugin with example]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-paging-plugin-simplepager-14.gif
[SimplePager - jQuery paging plugin with example 1]: http://www.geckonewmedia.com/blog/2009/8/20/simplepager---jquery-paging-plugin--updated
[Link 28]: http://geckohub.com/jquery/simplepager/
[jQuery Scroll Pagination Plugin with Demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-scroll-pagination-plugin-02.gif
[jQuery Scroll Pagination Plugin with Demo 1]: http://andersonferminiano.com/jqueryscrollpagination/
[Link 29]: http://www.jqueryrain.com/?gG3nSRDW
[jqPagination jQuery Pagination Plugin with Demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-pagination-plugin-jqPagination-03.gif
[jqPagination jQuery Pagination Plugin with Demo 1]: http://beneverard.github.com/jqPagination/
[jpaginator _ jQuery Pagination Plugin with Demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-pagination-plugin-jpaginator-04.jpg
[jpaginator _ jQuery Pagination Plugin with Demo_jpaginator _ jQuery Pagination Plugin with Demo]: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/extreme-makeover-jpaginator-css3-edition/
[Link 30]: http://webdesigntutsplus.s3.amazonaws.com/tuts/180_jPaginator/ex/milestone_5/index.html
[Sausage _ jQuery infinite Pagination plugin with Demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-infinite-pagination-plugin-sausage-06.gif
[Sausage _ jQuery infinite Pagination plugin with Demo_Sausage _ jQuery infinite Pagination plugin with Demo]: http://christophercliff.github.com/sausage/
[Link 31]: http://christophercliff.github.com/sausage/examples/basic.html
[Xarg _ Ajax jQuery Pagination with Demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-ajax-pagination-xarg-11.jpg
[Xarg _ Ajax jQuery Pagination with Demo_Xarg _ Ajax jQuery Pagination with Demo]: /images/20211220/daa06143d5604453bf3e77e1d4f72cd8.png
[Link 32]: http://www.jqueryrain.com/?pt4hIIXf
[jPaginator_ jQuery Pagination Plugin with Example _ Demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-pagination-plugin-jpaginator-15.gif
[jPaginator_ jQuery Pagination Plugin with Example _ Demo_jPaginator_ jQuery Pagination Plugin with Example _ Demo]: http://remylab.github.com/jpaginator/
[Link 33]: http://www.jqueryrain.com/?16XzEKFX
[jQuery Pagination Plugin with example _ demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-pagination-plugin-16.gif
[jQuery Pagination Plugin with example _ demo_jQuery Pagination Plugin with example _ demo]: /images/20211220/38899c49a20046b1830e1bf332244b60.png
[Link 34]: http://tutorials.ajaxmasters.com/pagination-demo/
[Sweet Pages_ A jQuery Pagination Solution with example _ demo]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-pagination-sweet-pages-17.jpg
[Sweet Pages_ A jQuery Pagination Solution with example _ demo_Sweet Pages_ A jQuery Pagination Solution with example _ demo]: http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/
[Link 35]: http://demo.tutorialzine.com/2010/05/sweet-pages-jquery-pagination-solution/demo.html
[AJAX Pagination using jQuery and PHP with Animation]: http://www.jqueryrain.com/wp-content/uploads/2012/03/jquery-php-ajax-pagination-animation-19.jpg
[AJAX Pagination using jQuery and PHP with Animation 1]: http://www.99points.info/2011/01/ajax-pagination-using-jquery-and-php-with-animation/
[Link 36]: http://demos.99points.info/super_paging/