|
|
****沒劍(2008-03-05)****
修改日期：2008-3-12
添加兩個(gè)參數(shù)：displaynum，displaylastNum可以自由定制顯示的頁碼數(shù)量
參數(shù)： pagesize:10 //每頁顯示的頁碼數(shù)
,count:0 //數(shù)據(jù)條數(shù)
,css:"mj_pagefoot" //分頁腳css樣式類
,current:1 //當(dāng)前頁碼
,displaynum:7 //中間顯示頁碼數(shù)
,displaylastNum:5 //最后顯示的頁碼數(shù)
,previous:"" //顯示樣式
,next:"" //顯示樣式
,paging:null //分頁事件觸發(fā)時(shí)callback函數(shù)
使用：
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
paging:function(page){
alert("當(dāng)前第"+page+"頁");
}
});
以上代碼為所有div加上分頁腳代碼
*/
其中要特別說明一下其中的一個(gè)參數(shù)：paging
1 這個(gè)參數(shù)為分頁腳分頁時(shí)觸發(fā)的動(dòng)作，如果你不在這個(gè)動(dòng)作里加點(diǎn)東西的話，這個(gè)分頁就不會正常動(dòng)作，所以你可以這樣子加入：
paging:function(page){
location.href="?page="+page;
}
當(dāng)然這時(shí)你為了要保持分頁的頁碼位置的話，就要在刷新頁面時(shí)把當(dāng)前頁碼賦給參數(shù)：current
了，如果你不賦值給它，它默認(rèn)的值是第一頁。。。
2 如果你加入一些load數(shù)據(jù)的動(dòng)作的話就可以當(dāng)成是ajax無刷新了，呵呵
paging:function(page){
//ajax.loaddata(page);
}
沒有什么技術(shù)含量，權(quán)當(dāng)練手吧，哈哈
復(fù)制代碼 代碼如下:
JackLee: paging:function(page){
location.href="?page="+page;
}
用這個(gè)有問題呀？？
當(dāng)你點(diǎn)了第10頁時(shí)，在div導(dǎo)航上第1頁是當(dāng)前，我想應(yīng)該讓第10頁是當(dāng)前的才對呀！
--------------------------------------------------------
你沒有注意這里哦：
－－－
當(dāng)然這時(shí)你為了要保持分頁的頁碼位置的話，就要在刷新頁面時(shí)把當(dāng)前頁碼賦給參數(shù)：current
了，如果你不賦值給它，它默認(rèn)的值是第一頁。。。
－－－
你在重新加載了這個(gè)頁后要手動(dòng)賦值給它。
如果你不想這樣子的話就用ajax來分頁效果會比較好，又不會太麻煩
在線演示 http://img.jb51.NET/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.jb51.NET/online/jquery.pageFoot/jquery.pageFoot.rar
JavaScript技術(shù)：jquery 插件 web2.0分格的分頁腳本，可用于ajax無刷新分頁，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
