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能夠反饋哈，我會第一時間修復