kPagination-纯js实现分页插件

kPagination分页插件

纯js分页插件，压缩版本~4kb，样式能够自定义

demo

使用方法

<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能够反馈哈，我会第一时间修复