jquery分页插件

来源：互联网发布：腾讯有哪些软件编辑：程序博客网时间：2024/06/05 03:24

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 下载

阅读全文

0 0