jquery_painator分页插件x帮助文档.docVIP

JQuery Pagination Plugin JQery分页插件 （/project/jquery-pagination） Submitted by rohitsinghsengar on January 8, 2010 - 3:14am After using various jQuery plugins for pagination, I decided to write my own jQuery paginator plugin. While creating this plugin, I tried to overcome other plugin’s limitations and make it easy highly customizable to meet demands of most of developers. Here are few features of this plugin,特色如下： 1) Very simple. Just 1 line of code to apply pagination on any div/container. 2) No need for creating extra divs for pagination. 3) 4 styles of pagination. 4) Various other options like jump to page, page info and change items per page on fly. 5) Easy customization and styling. 6) Nice fading effect during changing of page. Why use it? Often you have large number of items/data in a div, which not only breaks your design but also looks ugly and lengthy. Apply this plugin on that div and you will get a nice seamless pagination on that div, which don’t break your design and visitors can easily navigate to all the items. You can style or it customize according to your requirements. See Demo. Implementation: 1) Download latest jquery script and paginator.js 2) Include both scripts in html document in head section.在html文档的head部分包含以下2行： 如下： script src=js/jquery.js/scriptscript src=js/paginator.js/script 3) Initiate pagination by writing following code in head section inside script tags, 在html文档的head部分写以下代码初始化分页 script$(function(){ $(#id_of_div).pagination(); }); /script // instead of id_of_div, type in id of the div on which you want to create pagination. Its all you need to do. Load the page on browser and now you can see a simple, basic pagination on the page. See Demo. Customization:定制 1) Style Paginator: There are 3 classes – paginator (container for paginator), active (class for active pages) and inactive (class for current page). We can apply little css on these classes to make paginator looks pretty, either in document itself or in stylesheet. See