當前位置:編程學習大全網 - 網站源碼 - 誰有JQuery的分頁插件及demo,要求有上壹頁下壹頁和總頁數,跳轉框還有數字的導航

誰有JQuery的分頁插件及demo,要求有上壹頁下壹頁和總頁數,跳轉框還有數字的導航

用jquery的pagination插件實現很方便:

<div id="Pagination" class="pagination"><!-- 這裏顯示分頁導航 --></div>

<script>

$(function(){

var num_entries =1000;//這是需要顯示的條目總數

$("#Pagination").pagination(num_entries, {

num_edge_entries: 1, //邊緣頁數

num_display_entries: 10, //主體頁數

callback: pageselectCallback,//回調函數,在這個函數中寫顯示列表代碼

items_per_page: 50, //每頁顯示多少項

prev_text: "前壹頁",

next_text: "後壹頁"

});

});

//回調函數

function pageselectCallback(page_index, jq){

//通過ajax加載頁面顯示內容

$.post("ServerCode", {pageno:page_index}, function (result) {

//這裏遍歷result,並顯示出來

});

});

</script>

//服務器端ServerCode

接收pageno(分頁導航中選中的頁面序號)參數,並返回此頁面需要顯示的內容信息。

  • 上一篇:Img源代碼模板
  • 下一篇:比較好的Java學習課程有哪些?
  • copyright 2024編程學習大全網