点击这里查看效果
这个分页插件使用方便，引用keleyidivpager.js和keleyidivpager.css文件，然后在htm（或者php，aspx，jsp等）页面中对分页总数，参数名，前缀后缀等进行设置就可以了
以下是源代码：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>一个强大的jquery分页插件-柯乐义</title> 5 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 6 <link href="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.css" type="text/css" rel="Stylesheet" /> 7 </head> 8 <body> 9 <div><h2>分页插件·柯乐义</h2><a href="http://keleyi.com/a/bjac/0xusjq8m.htm" target="_blank">原文</a></div> 10 <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.js"></script> 11 <div id="div_pager"> 12 </div> 13 <script type="text/javascript"> 14 var totalPage = 20; 15 var totalRecords = 390; 16 var pageNo = getParameter('p'); //这里设置参数名(柯 乐 义 注 释) 17 if (!pageNo) { 18 pageNo = 1; 19 } 20 //生成分页控件 根据分页的形式在这里设置 21 kkpager.init({ 22 pno: pageNo, 23 //总页码 24 total: totalPage, 25 //总数据条数 26 totalRecords: totalRecords, 27 //链接前部 28 hrefFormer: 'keleyidivpager', 29 //链接尾部 30 hrefLatter: '.htm', 31 getLink: function (n) { 32 return this.hrefFormer + this.hrefLatter + "?p=" + n; //参数名跟上面相同 33 } 34 }); 35 kkpager.generPageHtml(); 36 </script> 37 </body> 38 </html>
