好用的分页插件原生JS不依赖其他库


6992 | 3821  | 1188 | 添加收藏 上一个 下一个
资源描述 : 支持分页首页尾页上一页下一页跳转
好用的分页插件原生JS不依赖其他库
资源详情

支持自定义分页,首页,尾页,上一页,下一页,跳转,统计信息等


简单美观的CSS,来拿即用.


第一步:


<link rel="stylesheet" href="myPagination.css">
 <script src="myPagination.js"></script>

第二步:


<div id="pagination" ></div>

第三步:


new myPagination({
     id: 'pagination',
     curPage: 1, //初始页码
     pageTotal: 50, //总页数
     pageAmount: 10, //每页多少条
     dataTotal: 500, //总共多少条数据
     pageSize: 5, //可选,分页个数
     showPageTotalFlag: true, //是否显示数据统计
     showSkipInputFlag: true, //是否支持跳转
     getPage: function(page) {
         //获取当前页数
         console.log(page);
     }
 })

指尖代码 资源每日更新 www.zjdaima.com
© zjdaima.com - 指尖代码      京ICP备19016706号-2    

京公网安备 11011202002662号