JS原生设置页码页数分页特效插件

JS原生设置页码页数分页特效插件

原生js分页插件制作带跳转分页,支持首页/尾页/上一页/下一页/总共多少条数据显示分页代码。

使用方法
在页面引入相关CSS样式文件

1
<link rel="stylesheet" href="css/myPagination.css">

JS代码
在页面引入相关JS文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script src="js/myPagination.js"></script>
window.onload = function () {
    new myPagination({
        id: 'pagination',
        curPage:1, //初始页码
        pageTotal: 50, //总页数
        pageAmount: 10,  //每页多少条
        dataTotal: 500, //总共多少条数据
        pageSize: 5, //可选,分页个数
        showPageTotalFlag:true, //是否显示数据统计
        showSkipInputFlag:true, //是否支持跳转
        getPage: function (page) {
            //获取当前页数
            console.log(page);
        }
    }) 
}

文件信息:

    0

    发表评论