随笔分类

随笔档案

相册

阅读排行榜

评论排行榜

最新评论

1. Re:留言列表模板HTML代码
1
--让星星跟你道晚安
2. Re:程序员用HTML5制作的爱心树表白动画
@一梦逍遥3 换一个Html...
--剑起苍穹
3. Re:程序员用HTML5制作的爱心树表白动画
@剑起苍穹我也是这样，不知道怎么解决...
--一梦逍遥3
4. Re:Web前端资源汇总
推荐：2021年百度大牛亲授最详细、最全面的前端视频教程：
--码农农农
5. Re:Web前端资源汇总
《JavaScript设计模式》作者张容铭讲解2021年史上最全前端教程免费分享，需要的私聊
--CLH_zza

一个强大的jquery分页插件

点击这里查看效果

这个分页插件使用方便，引用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>