外掛作者的github地址：https://github.com/pgkk/kkpager

### 準備工作,引入js、css

<script type="text/javascript" src="/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/kkpager.min.js"></script>
<link rel="stylesheet" type="text/css" href="/kkpager.css" />

### HTML DOM容器

<div id="kkpager"></div>

#### 1、使用click模式
<script type="text/javascript">

var currentPage = '1';
var total = '10';
var totalPage = '100';

kkpager.generPageHtml({
    //當前頁  
    pno: currentPage,
    //總頁碼
    total: totalPage,
    //總資料條數
    totalRecords: total,
    mode: 'click',//預設值是link，可選link或者click
    //點選跳轉分頁的處理
    //點選頁碼、頁碼輸入框跳轉、以及首頁、下一頁等按鈕都會呼叫click
    click: function (n) {
        //手動選中按鈕
        this.selectPage(n);
        // 查詢資料
        search(n);
    },
    lang: {

    firstPageText: '首頁',
    firstPageTipText: '首頁',
    lastPageText: '尾頁',
    lastPageTipText: '尾頁',
    prePageText: '上一頁',
    prePageTipText: '上一頁',
    nextPageText: '下一頁',
    nextPageTipText: '下一頁',
    totalPageBeforeText: '共',
    totalPageAfterText: '頁',
    currPageBeforeText: '當前第',
    currPageAfterText: '頁',
    totalInfoSplitStr: '/',
    totalRecordsBeforeText: '共',
    totalRecordsAfterText: '條資料',
    gopageBeforeText: ' 轉到',
    gopageButtonOkText: '確定',
    gopageAfterText: '頁',
    buttonTipBeforeText: '第',
    buttonTipAfterText: '頁'
   }

}, true); 
//第二個引數設定 true, 表示重置kkpager

</script>

### 必選引數
> `pno` 當前頁碼

> `total` 總頁碼

> `totalRecords` 總資料條數

### 可選引數
> `pagerid` 分頁展示控制元件容器ID `字串` 預設值 'kkpager' // 慎用 修改預設值，js原始碼以及css樣式對應的kkpager都需要替換

> `mode` 模式，click或link `字串` 預設值 'link'

> `isShowTotalPage` 是否顯示總頁數 `布林型` 預設值 true

> `isShowCurrPage` 是否顯示當前頁 `布林型` 預設值 true

> `isShowTotalRecords` 是否顯示總記錄數 `布林型` 預設值 false (當`isShowTotalPage`為`true`時，此設定無效)

> `isShowFirstPageBtn` 是否顯示首頁按鈕 `布林型` 預設值 true

> `isShowLastPageBtn` 是否顯示尾頁按鈕 `布林型` 預設值 true

> `isShowPrePageBtn` 是否顯示上一頁按鈕 `布林型` 預設值 true

> `isShowNextPageBtn` 是否顯示下一頁按鈕 `布林型` 預設值 true

> `isGoPage` 是否顯示頁碼跳轉輸入框 `布林型` 預設值 true

> `isWrapedPageBtns` 是否用span包裹住頁碼按鈕 `布林型` 預設值 true

> `isWrapedInfoTextAndGoPageBtn` 是否用span包裹住分頁資訊和跳轉按鈕 `布林型` 預設值 true

> `hrefFormer` 連結前部 `字串` 預設值 ''

> `hrefLatter` 連結尾部 `字串` 預設值 ''

> `lang` 語言配置物件，屬性配置列表：

> - `firstPageText` 首頁按鈕文字 `字串` 預設值 '首頁'

> - `firstPageTipText` 首頁按鈕提示文字 `字串` 預設值 '首頁'

> - `lastPageText` 尾頁按鈕文字 `字串` 預設值 '尾頁'

> - `lastPageTipText` 尾頁按鈕提示文字 `字串` 預設值 '尾頁'

> - `prePageText` 上一頁按鈕文字 `字串` 預設值 '上一頁'

> - `prePageTipText` 上一頁按鈕提示文字 `字串` 預設值 '上一頁'

> - `nextPageText` 下一頁按鈕文字 `字串` 預設值 '下一頁'

> - `nextPageTipText` 下一頁提示按鈕文字 `字串` 預設值 '下一頁'

> - `totalPageBeforeText` 總頁數字首文字 `字串` 預設值 '共'

> - `totalPageAfterText` 總頁數字尾文字 `字串` 預設值 '頁'

> - `currPageBeforeText` 當前頁字首文字 `字串` 預設值 '當前第'

> - `currPageAfterText` 當前頁字尾文字 `字串` 預設值 '頁'

> - `totalInfoSplitStr` 分頁統計資訊部分的分隔符 `字串` 預設值 '/'

> - `totalRecordsBeforeText` 總記錄數字首文字 `字串` 預設值 '共'

> - `totalRecordsAfterText` 總記錄數字尾文字 `字串` 預設值 '條資料'

> - `gopageBeforeText` 跳轉字首文字 `字串` 預設值 '轉到'

> - `gopageAfterText` 跳轉字首文字 `字串` 預設值 '頁'

> - `gopageButtonOkText` 跳轉按鈕文字 `字串` 預設值 '確定'

> - `buttonTipBeforeText` 頁碼按鈕提示資訊字首 `字串` 預設值 '第'

> - `buttonTipAfterText` 頁碼按鈕提示資訊字尾 `字串` 預設值 '頁'

> `gopageWrapId` 頁碼跳轉dom ID `字串` 預設值 'kkpager_gopage_wrap'

> `gopageButtonId` 頁碼跳轉按鈕dom ID `字串` 預設值 'kkpager_btn_go'

> `gopageTextboxId` 頁碼輸入框dom ID `字串` 預設值 'kkpager_btn_go_input'

> `getLink` 連結演算法函式（僅適用於mode為link） `函式型別`

> `click` 自定義事件處理函式（僅適用於mode為click） `函式型別`

> `getHref` 連結演算法函式（僅適用於mode為click） `函式型別`

### 公開方法

> `selectPage` 手動呼叫此函式選中某個頁碼
//選中第n頁碼
kkpager.selectPage(n);