一个强大的jquery分页插件

点击这里查看效果

这个分页插件使用方便，引用keleyidivpager.js和keleyidivpager.css文件，然后在htm（或者php，aspx，jsp等）页面中对分页总数，参数名，前缀后缀等进行设置就可以了

以下是源代码：

 <!DOCTYPE html>
 <html>
 <head>
 <title>一个强大的jquery分页插件-柯乐义</title>
 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
 <link href="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.css" type="text/css" rel="Stylesheet" />
 </head>
 <body>
 <div><h2>分页插件·柯乐义</h2><a href="http://keleyi.com/a/bjac/0xusjq8m.htm" target="_blank">原文</a></div>
 <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.js"></script>
 <div id="div_pager">
 </div>
 <script type="text/javascript">
 var totalPage = 20;
 var totalRecords = 390;
 var pageNo = getParameter('p'); //这里设置参数名(柯 乐 义 注 释)
 if (!pageNo) {
 pageNo = 1;
 }
 //生成分页控件 根据分页的形式在这里设置
 kkpager.init({
 pno: pageNo,
 //总页码
 total: totalPage,
 //总数据条数
 totalRecords: totalRecords,
 //链接前部
 hrefFormer: 'keleyidivpager',
 //链接尾部
 hrefLatter: '.htm',
 getLink: function (n) {
 return this.hrefFormer + this.hrefLatter + "?p=" + n; //参数名跟上面相同
 }
 });
 kkpager.generPageHtml();
 </script>
 </body>
 </html>

转载自：http://keleyi.com/a/bjac/0xusjq8m.htm

web前端：http://www.cnblogs.com/jihua/p/webfront.html