一个强大的jquery分页插件

时间:2023-03-08 20:11:17
一个强大的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