本教程讲解javascript分页特效实现方法
代码如下:
1) { var oA=document.createElement('a'); oA.href='#1'; oA.innerHTML='首页' pageDIvBox.appendChild(oA); } if(curpageNum>1) { var oA=document.createElement('a'); oA.href='#'+(curpageNum-1); oA.innerHTML='上一页' pageDIvBox.appendChild(oA); } if(curpageNum
示例二:
iPageCount) return false; iCurrPage = parseInt(iCurrPage); var sTemp = ""; var sTemp1 = "每页:"+ iPageSize +"/"+ iProCount +"条 页数:"+ iCurrPage +"/"+ iPageCount +"页"; var sTemp2 = "" if (iProCount==0) { sTemp = "首页 上一页 下一页 末页"; } else if (iPageCount==1) { sTemp = "首页 上一页 下一页 末页" } else if (iPageCount==iCurrPage) { sTemp = "首页 上一页 下一页 末页" } else if (iCurrPage==1) { sTemp = "首页 上一页 下一页 末页" } else { sTemp = "首页 上一页 下一页 末页" } $("pageDir").innerHTML = sTemp +" "+ sTemp2 + " " + sTemp1 ; CollectGarbage(); } function $(o) { return document.getElementById(o); } initializePageNav(1) //-->" _ue_custom_node_="true">
示例三:
实现的效果是:上一页、第一页、…(上n个页码)、n个页码、…(下n个页码)、最后一页、下一页。n可以是奇数也可以是偶数,一般都喜欢取奇数
//总页数,当前页数,跳转地址,第一页和最后一页之间显示的页码数量 function pageBar(tp,cp,url,pn){ var str = ‘'; if(tp>1 && cp>1){ var prev = cp-1; str += ‘1 ‘; }else{ str +=‘… ‘; } for(var i=s;i<=e;i++){ if(i==cp){ str += ‘'+i+‘ ‘; }else{ str += ‘'+i+‘ ‘; } } //最后一页前的多页跳转 if(e < (tp-1)){ var ep = cp+pn; if(ep>tp){ ep=tp; } str += ‘'+tp+‘ ‘; }else{ str +=‘1 && cp下一页'; }else{ str += ‘下一页'; } str += ‘'; return str; } //跳转页码,跳转地址 function goPage(cp,url){ window.location.href = url+cp; }