您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關如何在jQuery中使用jpaginate分頁插件,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
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); } });
看完上述內容,你們對如何在jQuery中使用jpaginate分頁插件有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。