DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 插件 web2.0分格的分頁腳本,可用於ajax無刷新分頁
jquery 插件 web2.0分格的分頁腳本,可用於ajax無刷新分頁
編輯:JQuery特效代碼     

 

文件打包下載

 

******生成js分頁腳******
****沒劍(2008-03-05)****
修改日期:2008-3-12
添加兩個參數:displaynum,displaylastNum可以自由定制顯示的頁碼數量

參數: pagesize:10 //每頁顯示的頁碼數
,count:0 //數據條數
,css:"mj_pagefoot" //分頁腳css樣式類
,current:1 //當前頁碼
,displaynum:7 //中間顯示頁碼數
,displaylastNum:5 //最後顯示的頁碼數
,previous:"上一頁" //上一頁顯示樣式
,next:"下一頁" //下一頁顯示樣式
,paging:null //分頁事件觸發時callback函數

使用:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
paging:function(page){
alert("當前第"+page+"頁");
}
});
以上代碼為所有div加上分頁腳代碼
*/
其中要特別說明一下其中的一個參數:paging

1 這個參數為分頁腳分頁時觸發的動作,如果你不在這個動作裡加點東西的話,這個分頁就不會正常動作,所以你可以這樣子加入:
paging:function(page){
location.href="?page="+page;
}
當然這時你為了要保持分頁的頁碼位置的話,就要在刷新頁面時把當前頁碼賦給參數:current
了,如果你不賦值給它,它默認的值是第一頁。。。

2 如果你加入一些load數據的動作的話就可以當成是ajax無刷新了,呵呵
paging:function(page){
//ajax.loaddata(page);
}
沒有什麼技術含量,權當練手吧,哈哈

代碼如下:
JackLee: paging:function(page){
location.href="?page="+page;
}
用這個有問題呀??
當你點了第10頁時,在div導航上第1頁是當前,我想應該讓第10頁是當前的才對呀!
--------------------------------------------------------
你沒有注意這裡哦:
---
當然這時你為了要保持分頁的頁碼位置的話,就要在刷新頁面時把當前頁碼賦給參數:current
了,如果你不賦值給它,它默認的值是第一頁。。。
---
你在重新加載了這個頁後要手動賦值給它。
如果你不想這樣子的話就用ajax來分頁效果會比較好,又不會太麻煩
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved