摘要：
    最近在開發(fā)項目中又用到了前端分頁，以前也做過，為了方便以后使用所以將他封裝成第三方插件，不依賴任何庫。網(wǎng)上已經(jīng)有很多插件，問什么還要自己造輪子？

自己寫的擴展性高
不依賴任何庫
作為一次技術(shù)沉淀

先看下效果圖

安裝方法

首先在頁面中要載入css及js
<link rel="stylesheet" href="dist/pagination.css">
<script src="dist/pagination.js"></script>

使用示例

pagination({
    cur: 1,     // 當(dāng)前頁數(shù)   
    total: 6,        // 總共多少頁  
    len: 5,          // 分頁顯示多少    
    targetId: 'pagination', // 分頁元素綁定    
    callback: function() {   
        // 回調(diào)函數(shù)  
    }  
}) 

參數(shù)介紹

cur

當(dāng)前頁數(shù)，每次調(diào)用傳遞當(dāng)前分頁

total

總共多少頁，根據(jù)總數(shù)和每頁顯示數(shù)量可以獲取

len

分頁欄上顯示的數(shù)量

targetId

分頁元素綁定的

callback

頁面渲染完成之后執(zhí)行的函數(shù)，比如事件綁定等。

tips
demo是用的靜態(tài)數(shù)據(jù)，如果調(diào)用服務(wù)端的數(shù)據(jù)，只需將index.js文件中的for循環(huán)改成Ajax請求就可以了。

下載 http://xiazai.VeVB.COm/201601/yuanma/pagination-master(VeVB.COm).zip

演示 http://demo.VeVB.COm/js/2016/pagination-master/