本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答