超好用的一個JUQUEY分頁器

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

窗體底端

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章