1、支持jquery1.8以上版本
2、效果图
![]()
3、参数说说明:
pageCount:总页数
current:当前页
goFn:跳转页回调函数
backFn:点击页码回调函数
4、代码调用
$(function(){
//分页
$(".pager").createPage({
pageCount:10,
current:1,
goFn:function(cp){alert(cp);},
backFn:function(cp){alert(cp);}
});
});
5、demo
需要引入文件
<link rel="stylesheet" href="css/pager.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.page.js"></script>示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/pager.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.page.js"></script>
<script>
$(function(){
//分页
$(".pager").createPage({
pageCount:10,
current:1,
goFn:function(cp){alert(cp);},
backFn:function(cp){alert(cp);}
});
});
</script>
</head>
<body>
<div class="pager"></div>
</body>
</html>
6、demo 下载