超好用的jQuery分頁插件jpaginate用法示例【附源碼下載】
本文實例講述了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插件源碼可點擊此處本站下載。
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery擴展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
- jquery分頁插件jpaginate在IE中不兼容問題
- PHP+jQuery+Ajax實現(xiàn)分頁效果 jPaginate插件的應(yīng)用
- jQuery插件jPaginate實現(xiàn)無刷新分頁
- jQuery Pagination Ajax分頁插件(分頁切換時無刷新與延遲)中文翻譯版
- jquery分頁插件jquery.pagination.js使用方法解析
- 一款Jquery 分頁插件的改造方法（服務(wù)器端分頁）
- 最實用的jQuery分頁插件
- jQuery Pagination分頁插件使用方法詳解
- 快速掌握jquery分頁插件jqPaginator的使用方法
- jQuery ajax分頁插件實例代碼
- jquery+css3打造一款ajax分頁插件(自寫)
相關(guān)文章
jQuery調(diào)用RESTful WCF示例代碼(GET方法/POST方法)
本篇文章主要介紹了jQuery調(diào)用RESTful WCF示例代碼(GET方法/POST方法)，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
事件是腳本編程的靈魂,本篇來介紹jQuery中的事件處理及事件對象.這里整理了詳細的代碼,有需要的小伙伴可以參考下。2016-10-10
這篇文章主要介紹了jquery簡單倒計時實現(xiàn)方法,涉及jQuery定時函數(shù)操作及日期與實現(xiàn)的運算技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
使用jQuery實現(xiàn)的網(wǎng)頁版的個人簡歷(可換膚)
點擊姓名會顯示她的基本詳細信息，點擊切換皮膚，會更改皮膚和字體大小感興趣的朋友可以參考下本文如何使用jQuery實現(xiàn)的網(wǎng)頁版的個人簡歷2013-04-04
本文重點個大家講解了幾個jQuery中ajax的load()方法的使用實例，load()方法是jQuery中最為簡單和常用的Ajax方法，能遠程載入HTML代碼并插入DOM中2015-01-01
jquery實現(xiàn)頁面百葉窗走馬燈式翻滾顯示效果的方法
這篇文章主要介紹了jquery實現(xiàn)頁面百葉窗走馬燈式翻滾顯示效果的方法,實例分析了jQuery操作百葉窗翻滾效果的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這個widget是包含在wijmo 項目中的一個widget。目前此widget已經(jīng)開源基于mit和gpl雙協(xié)議，目前是beta版，可能存在bug。2010-10-10
Spring shiro + bootstrap + jquery.validate 實現(xiàn)登錄、注冊功能
這篇文章主要介紹了Spring shiro + bootstrap + jquery.validate 實現(xiàn)登錄、注冊功能,需要的朋友可以參考下2017-06-06
使用JQuery 實現(xiàn)一個表格內(nèi)容 過濾的功能，有需要的朋友可以參考一下，代碼如下：2013-07-07
這篇文章主要介紹了jQuery實現(xiàn)多級動畫效果菜單代碼,涉及jquery針對頁面元素的遍歷及事件綁定操作頁面元素樣式變換的技巧,界面美觀實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09