kPagination分页插件
纯js分页插件,压缩版本~4kb,样式可以自定义
使用方法
<div id="pagination"></div>
<script src="kPagination.min.js"></script>
<script>
new kPagination({
id: 'pagination',
currentPage: 1, // 当前页
totalPage: 20,
offset: 5,
showPrev: true,
showNext: true,
jumpPage: true,
jumpText: '跳转'
});
</script>
配置项
选项 |
类型 |
说明 |
offset |
number |
可以显示的按钮个数 |
showPrev |
boolean |
是否显示上一页按钮 |
showNext |
boolean |
是否显示下一页按钮 |
jumpPage |
boolean |
是否显示跳转输入框 |
jumpText |
string |
跳转按钮的文字 |
pageChange |
function |
页面触发回调 |
afterRefresh |
function |
重新渲染成功回调 |
可选样式
选项 |
说明 |
k-pagination-num-wrap |
分页容器样式 |
k-pagination-input-wrap |
按钮容器样式 |
k-pagination-num |
页码样式 |
k-pagination-num-active |
激活样式 |
k-pagination-disabled |
禁止样式 |
k-pagination-num-input |
输入框样式 |
k-pagination-jump-btn |
跳转按钮样式 |
k-pagination-jump-dot |
省略号样式 |
附上github地址,喜欢的朋友给个star吧,有bug可以反馈哈,我会第一时间修复
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。