jpaginate是一個自帶滑動動畫效果的jQuery分頁插件,用戶可以通過單擊或只是懸停在箭頭上的使頁碼滑動顯示。
你可以用下面的方式調用插件:
$(elementID).paginate()
您可以通過一下屬性來配置插件:
count:頁面總數
start:默認選中頁碼
display:可見頁碼數量
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:當點擊一個網頁。作爲參數,單擊“單擊”的頁面的數目可以被使用。
來個直接點的代碼,更容易看。
$("#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
窗體頂端
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。互聯網+時代,時刻要保持學習,攜手千鋒PHP,Dream It Possible。
窗體底端