超好用的一個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);
                   }
});

本站下載鏈接：jpaginate

 著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。互聯網+時代，時刻要保持學習，攜手千鋒PHP,Dream It Possible。