首页
上一页
1
2
...
...
下一页
尾页
当前第
NaN
页
/
共
20
页
转到
页
引入代码:
<script type="text/javascript" src="lib/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="src/kkpager.min.js"></script> <link rel="stylesheet" type="text/css" href="src/kkpager_blue.css" />
调用代码:
<script type="text/javascript"> //init $(function(){ //生成分页 //有些参数是可选的,比如lang,若不传有默认值 kkpager.generPageHtml({ pno : pageNo, //总页码 total : totalPage, //总数据条数 totalRecords : totalRecords, //链接前部 hrefFormer : 'demo', //链接尾部 hrefLatter : '.html', getLink : function(n){ return this.hrefFormer + this.hrefLatter + "?pno="+n; } /* ,lang : { firstPageText : '首页', firstPageTipText : '首页', lastPageText : '尾页', lastPageTipText : '尾页', prePageText : '上一页', prePageTipText : '上一页', nextPageText : '下一页', nextPageTipText : '下一页', totalPageBeforeText : '共', totalPageAfterText : '页', currPageBeforeText : '当前第', currPageAfterText : '页', totalInfoSplitStr : '/', totalRecordsBeforeText : '共', totalRecordsAfterText : '条数据', gopageBeforeText : ' 转到', gopageButtonOkText : '确定', gopageAfterText : '页', buttonTipBeforeText : '第', buttonTipAfterText : '页' }*/ //, //mode : 'click',//默认值是link,可选link或者click //click : function(n){ // this.selectPage(n); // return false; //} }); }); </script>
其他示例:
kkpager示例:橘色皮肤
kkpager示例:click模式