原生js分页插件,可自行修改(原创)


3835 | 1495  | 258 | 添加收藏 上一个 下一个
资源描述 : 使用非常简单的分页插件,代码不多,最多显示10个数字,多出的数字会切换显示
原生js分页插件,可自行修改(原创)
资源详情

使用方法


需要调用的文件


<link rel="stylesheet" type="text/css" href="./css/index.css" />
<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>

html


<div id='test'></div>

js


var nums = 200, // 数据总数 
ounts = 10; // 每页个数 ,这样就有20页 
var p = new Page({
    el: '#test', //控件 
    nums: nums, // 数据总数 
    counts: counts, // 每页个数 
    defaultPage: 6, //默认第几页 
    showHeadFoot: !false, // 显示首页尾页 
    clickEvent: function(currectPage) {
        // currectPage是点击的页数,这个回调函数就是点击了做点什么
        // console.log('点击了第' + currectPage + "页");
    }
});


指尖代码 资源每日更新 www.zjdaima.com