自已寫(xiě)的一個(gè)分頁(yè)翻頁(yè)效果
function pageHtml(total,pageSize,pageNow,url){
//total 總記錄數(shù)
//pageSize 每頁(yè)顯示數(shù)
//pageNow 當(dāng)前請(qǐng)求頁(yè)
//url 分頁(yè)網(wǎng)址 頁(yè)碼使用$pageNow 如 list.aspx?p=&pageNow&s=baidu
var pageCode,pageCount;
if(total==0){
pageCode="沒(méi)有任何數(shù)據(jù)";
}
else{
pageCount=total/pageSize==parseInt(total/pageSize)?total/pageSize:parseInt(total/pageSize)+1;
pageCode="<table cellspacing=\"0\" style=\"margin:0 auto;\" align=\"center\"><tr><td><div class='pagebox' id='_function_code_page'>{$pageCode}</div></td></tr></table>";
if(pageCount==1){
pageCode=pageCode.replace("{$pageCode}","共找到 "+total+" 條相關(guān)記錄");
}
else{
pageNow=pageCount<pageNow?pageCount:pageNow;
pageNow=pageNow<1?1:pageNow;
var ps,po,i;
ps=pageNow-4;
po=pageNow+5;
if(pageCount<=10 || ps<1){
ps=1;
po=10;
}
if(po>pageCount){
ps=ps-po+pageCount>=1?ps-po+pageCount:1;
po=pageCount;
}
var _pageCode="<span class='pagebox_num'><a>"+total+"</a></span>";
if(ps>1){
_pageCode+= "<span class='pagebox_pre'><a href='"+url.replace("$pagenow","1")+"'>首頁(yè)</a></span>";
}
_pageCode+= pageNow==1?"<span class='pagebox_pre_nolink'>上一頁(yè)</span>":"<span class='pagebox_pre'><a href='"+url.replace("$pagenow",pageNow-1)+"'>上一頁(yè)</a></span>";
for(i=ps;i<=po;i++){
_pageCode+= i==pageNow?"<span class='pagebox_num_nonce'>"+i+"</span>":"<span class='pagebox_num'><a href='"+url.replace("$pagenow",i)+"'>"+i+"</a></span>";
}
_pageCode+= pageNow==pageCount?"<span class='pagebox_next_nolink'>下一頁(yè)</span>":"<span class='pagebox_next'><a href='"+url.replace("$pagenow",pageNow+1)+"'>下一頁(yè)</a></span>";
if(po<pageCount){
_pageCode+= "<span class='pagebox_pre'><a href='"+url.replace("$pagenow",pageCount)+"'>尾頁(yè)</a></span>";
}
pageCode=pageCode.replace("{$pageCode}",_pageCode);
}
}
return pageCode;
}
.pagebox{zoom:1;}
.pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;}
.pagebox span a{display:block; zoom:1; overflow:hidden; _float:left;}
.pagebox span.pagebox_pre_nolink{border:1px #ddd solid; width:53px; height:21px; *height:21px; line-height:21px; text-align:center; color:#999; cursor:default;}
.pagebox span.pagebox_pre{color:#3568b9; height:23px;}
.pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; text-align:center; width:53px; cursor:pointer; height:21px; line-height:21px;}
.pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #2e6ab1 solid;}
.pagebox span.pagebox_num_nonce{padding:0 8px; height:23px; line-height:23px; _height:21px; _line-height:21px; color:#fff; cursor:default; background:#296cb3; font-weight:bold;}
.pagebox span.pagebox_num{color:#3568b9; height:23px;}
.pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; padding:0 8px; cursor:pointer; height:21px; *height:21px; line-height:21px;}
.pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #2e6ab1 solid;color:#363636;}
.pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;}
.pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; height:21px; *height:21px; line-height:21px; text-align:center; color:#999; cursor:default;}
.pagebox select{margin:0 0 0 5px;border:1px solid #296cb3;height:22px;width:60px;background:#ffc;}
//total 總記錄數(shù)
//pageSize 每頁(yè)顯示數(shù)
//pageNow 當(dāng)前請(qǐng)求頁(yè)
//url 分頁(yè)網(wǎng)址 頁(yè)碼使用$pageNow 如 list.aspx?p=&pageNow&s=baidu
var pageCode,pageCount;
if(total==0){
pageCode="沒(méi)有任何數(shù)據(jù)";
}
else{
pageCount=total/pageSize==parseInt(total/pageSize)?total/pageSize:parseInt(total/pageSize)+1;
pageCode="<table cellspacing=\"0\" style=\"margin:0 auto;\" align=\"center\"><tr><td><div class='pagebox' id='_function_code_page'>{$pageCode}</div></td></tr></table>";
if(pageCount==1){
pageCode=pageCode.replace("{$pageCode}","共找到 "+total+" 條相關(guān)記錄");
}
else{
pageNow=pageCount<pageNow?pageCount:pageNow;
pageNow=pageNow<1?1:pageNow;
var ps,po,i;
ps=pageNow-4;
po=pageNow+5;
if(pageCount<=10 || ps<1){
ps=1;
po=10;
}
if(po>pageCount){
ps=ps-po+pageCount>=1?ps-po+pageCount:1;
po=pageCount;
}
var _pageCode="<span class='pagebox_num'><a>"+total+"</a></span>";
if(ps>1){
_pageCode+= "<span class='pagebox_pre'><a href='"+url.replace("$pagenow","1")+"'>首頁(yè)</a></span>";
}
_pageCode+= pageNow==1?"<span class='pagebox_pre_nolink'>上一頁(yè)</span>":"<span class='pagebox_pre'><a href='"+url.replace("$pagenow",pageNow-1)+"'>上一頁(yè)</a></span>";
for(i=ps;i<=po;i++){
_pageCode+= i==pageNow?"<span class='pagebox_num_nonce'>"+i+"</span>":"<span class='pagebox_num'><a href='"+url.replace("$pagenow",i)+"'>"+i+"</a></span>";
}
_pageCode+= pageNow==pageCount?"<span class='pagebox_next_nolink'>下一頁(yè)</span>":"<span class='pagebox_next'><a href='"+url.replace("$pagenow",pageNow+1)+"'>下一頁(yè)</a></span>";
if(po<pageCount){
_pageCode+= "<span class='pagebox_pre'><a href='"+url.replace("$pagenow",pageCount)+"'>尾頁(yè)</a></span>";
}
pageCode=pageCode.replace("{$pageCode}",_pageCode);
}
}
return pageCode;
}
.pagebox{zoom:1;}
.pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;}
.pagebox span a{display:block; zoom:1; overflow:hidden; _float:left;}
.pagebox span.pagebox_pre_nolink{border:1px #ddd solid; width:53px; height:21px; *height:21px; line-height:21px; text-align:center; color:#999; cursor:default;}
.pagebox span.pagebox_pre{color:#3568b9; height:23px;}
.pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; text-align:center; width:53px; cursor:pointer; height:21px; line-height:21px;}
.pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #2e6ab1 solid;}
.pagebox span.pagebox_num_nonce{padding:0 8px; height:23px; line-height:23px; _height:21px; _line-height:21px; color:#fff; cursor:default; background:#296cb3; font-weight:bold;}
.pagebox span.pagebox_num{color:#3568b9; height:23px;}
.pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; padding:0 8px; cursor:pointer; height:21px; *height:21px; line-height:21px;}
.pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #2e6ab1 solid;color:#363636;}
.pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;}
.pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; height:21px; *height:21px; line-height:21px; text-align:center; color:#999; cursor:default;}
.pagebox select{margin:0 0 0 5px;border:1px solid #296cb3;height:22px;width:60px;background:#ffc;}
posted on 2009-05-11 10:40 張文的博客 閱讀(308) 評(píng)論(0) 收藏 舉報(bào)
浙公網(wǎng)安備 33010602011771號(hào)