必优博客

一个不错的jQuery分页插件Paginator，只需要配置相关的参数就能实现一个分页功能，实现的效果图如下：

使用说明
需要使用jQuery库文件和Paginator库文件

使用实例
一，包含文件部分

1. <script type="text/javascript" src="jquery.min.js"></script>
2. <script type="text/javascript" src="jquery.paginator.js"></script>

二，HTML部分

1. <div id="paginator" class="pagination" style="margin-top:20px;margin-bottom:80px"></div>
2. <div style="clear:both;">
3. <div id="paginator_content"></div>
4. </div>

三，Javascript部分

1. <script type="text/javascript">
2. $(function(){
3. var options = {postUrl:"http://www.biuuu.com/paginator.php",
4. itemsPerPage: 2,
5. elementModel: [],
6. currentPage: cpn,
7. showPrev: true,
8. showNext: true,
9. showPageXofY : true,
10. xofyLeft : true,
11. xofyRight : false
12. };
13. $("#paginator").paginator(options);
14. }
15. });
16. </script>

如上实例，通过配置相关参数，就实现了一个分页的功能，这个实例部分只提供了部分JS，具体可查看相关文档说明和实例

主要配置参数说明如下：

1. items_per_page:10,
2. num_display_entries:10,
3. current_page:0,
4. num_edge_entries:0,
5. link_to:"#",
6. prev_text:"Prev",
7. next_text:"Next",
8. ellipse_text:"...",
9. prev_show_always:true,
10. next_show_always:true,
11. page_x_of_y:true,
12. xofy_left:true,
13. xofy_right:false,
14. callback:function(){return false;}

这部分就是实现分页效果的全配置文件，可将其中的英文部分修改为中文。

点我下载Paginator源程序
http://jquerycodes.googlecode.com/files/jquery_paginator.zip