jQuery仿淘宝分页简洁美观特效插件

jQuery仿淘宝分页简洁美观特效插件

根据淘宝分页样式简洁美观功能全面兼容性好易用性好维护简单多个分页互不干扰的分页插件。

使用方法
插件使用(注意引入脚本路径)
举例说明:
html中引入分页样式文件

1
2
3
4
5
6
7
<link rel="stylesheet" href="css/toPage.css">
指定分页容器()数量不限,不同容器中的分页互不影响)
<!--分页容器_1-->
<div ></div>
<!--分页容器_2-->
<div ></div>
......

js代码

1
2
3
4
<!--先引入jquery-->
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<!--再引入toPage.js-->
<script src="js/toPage.js"></script>

最后调用即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 /*容器1参数*/
 var obj_1 = {
     obj_box: '.page_1', //翻页容器
     total_item: 72 //条目总数
     /*per_num:10,//每页条目数
     current_page:8//当前页*/

 };
 /*容器2参数*/
 var obj_2 = {
     obj_box: '.page_2', //翻页容器
     total_item: 372, //条目总数
     per_num: 20, //每页条目数
     current_page: 8 //当前页
 };
 /*调用分页方法,初始化数据*/
 page_ctrl(obj_1);
 page_ctrl(obj_2);

文件信息:

    1

    发表评论