點擊這裡查看效果
這個分頁插件使用方便，引用keleyidivpager.js和keleyidivpager.css文件，然後在htm（或者php，aspx，jsp等）頁面中對分頁總數，參數名，前綴後綴等進行設置就可以了
以下是源代碼：
<!DOCTYPE html>
<html>
<head>
<title>jquery分頁實例-</title>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<link href="http:///keleyi/phtml/jqtexiao/14/keleyidivpager.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<div><h2>分頁插件實例·</h2><a href="http:///a/bjac/0xusjq8m.htm" target="_blank">原文</a></div>
<script type="text/javascript" src="http:///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>