本文實例講述了jQuery分頁插件jpaginate用法。分享給大家供大家參考，具體如下：

jpaginate是一個自帶滑動動畫效果的jQuery分頁插件，用戶可以通過單擊或只是懸停在箭頭上的使頁碼滑動顯示。

你可以用下面的方式調(diào)用插件：

$(elementID).paginate()

您可以通過一下屬性來配置插件：

count：頁面總數(shù)
start：默認選中頁碼
display：可見頁碼數(shù)量
border：邊框（true/false）
border_color：邊框顏色：
text_color：文本的顏色/號碼
background_color：背景顏色
border_hover_color：邊框懸停時顏色
text_hover_color：文本懸停時顏色
background_hover_color：背景懸停時顏色
images：箭頭的背景圖片（true/false）
mouse：鼠標拿下的動畫效果（press/slide）
onChange：當點擊一個網(wǎng)頁。作為參數(shù)，單擊“單擊”的頁面的數(shù)目可以被使用。

來個直接點的代碼，更容易看。

$("#pagination0").paginate({  count         : 50,  start         : 1,  display         : 7,  border      : false,  text_color     : '#888',  background_color    : '#EEE',  text_hover_color   : 'black',  background_hover_color  : '#CFCFCF',  rotate       : true,  images      : false,    mouse      : 'press',  onChange       : function(page){          list(page-1,pageSize);          }});

官方示例的分頁顯示運行效果如下：

jpaginate插件源碼可點擊此處本站下載。

更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery擴展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對大家jQuery程序設計有所幫助。