實用jQuery分頁特效插件jquery.pagination.js
實用jQuery分頁特效插件jquery pagination js，基于jQuery實現，可根據pageselectCallback函數callback調用通過ajax調用動態數據，目前的方法是生成JSON數據到JS文件，調用的數據是JSON格式數據，缺點是數據是一
實用jQuery分頁特效插件jquery.pagination.js，基于jQuery實現，可根據pageselectCallback函數callback調用通過ajax調用動態數據，目前的方法是生成JSON數據到JS文件，調用的數據是JSON格式數據，缺點是數據是一次性讀出來的，效率會差些，插件支持眾多參數的自定義配置功能，還是很不錯的，大家可以根據自己的想法進行改進。
使用方法：
1.加載插件和jQuery
2.HTML內容
- <link rel="stylesheet" href="pagination.css">
- <script type="text/javascript" src="jquery.min.js"></script>
- <script type="text/javascript" src="jquery.pagination.js"></script>
3.函數調用
- <div class="pagination"></div>
- <script type="text/javascript">
- function pageselectCallback(page_index, jq){
- alert(page_index);
- return false;
- }
- $(document).ready(function(){
- $(".pagination").pagination(100, {
- callback: pageselectCallback,
- num_edge_entries: 1,
- });
- });
- </script>
參數配置解釋
參數名 參數說明 可選值 默認值
callback 點擊分頁按鈕的回調函數 函數 function(){return false;}
current_page 初始化時選中的頁碼 數字 0
items_per_page 每頁每頁顯示的記錄條數 數字 10
link_to 分頁鏈接 字符串 #
num_display_entries 最多顯示的頁碼數 數字 11
next_text ‘下一頁’顯示的文字 字符串 Next
next_show_always 如果設置為false‘下一頁’按鈕只有在還能增加頁碼的情況下才顯示 布爾值 true
prev_show_always 如果設置為false‘上一頁’按鈕只有在還能導航到前一頁的情況下才顯示 布爾值 true
prev_text ‘上一頁’顯示的文字 字符串 Previous
num_edge_entries 如果設為1，那么永遠會顯示首頁和末頁 1或0 0
ellipse_text 從當前頁碼段到首頁或末頁之間的標識字符串 字符串 …
load_first_page 如果設置為true，那么回調函數將在插件初始化時就執行 布爾值 true
相關熱詞：jQuery分頁特效pagination
相關內容
這些是最新的
熱門關鍵詞
AE軟件 返回頂部 js模塊拖動 jQuery表單美化 偽靜態 標簽云 AdSense 彩色粉筆 js客服代碼 滾動表格 綠色版 翻頁效果 帝國CMS 交互式透明工具 slicebox Retina RangeSlider 指定位置 CSS3美化 觸摸 wamp5 頁面設計 PIGCMS 首字母轉換成大寫 vba代碼 左右滾動 百度 幻燈片配音 jQuery編輯器 圖片放大鏡熱門排行
- 手機網站WebApp頁面布局JS UI 框架App.js
- 基于Bootstrap改造的國產前端框架 H-ui
- 漂亮jQuery 3D動畫圖片輪播切換特效插件jquery.slicebox.js
- 文字橫向不間斷滾動js代碼
- 一款圖片彈出層相冊jQuery插件for jQuery or Zepto.js
- jQuery響應式手機端移動端幻燈片圖片切換特效插件slick
- jQuery刮刮卡特效插件jQuery.eraser
- 非常優秀響應式jQuery焦點圖插件bxSlider
- 實用jQuery分頁特效插件jquery.pagination.js
- 實用的jQuery網頁元素固定導航置頂插件StickUp