本教程讲解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 += ‘<a href=”javascript:goPage(‘+i+‘,\”+url+‘\');”>'+i+‘ ‘;
     }else{
      str += ‘<a href=”javascript:goPage(‘+i+‘,\”+url+‘\');”>'+i+‘ ‘;
     }
    }

    //最后一页前的多页跳转
    if(e < (tp-1)){
     var ep = cp+pn;
     if(ep>tp){
      ep=tp;
     }
     str += ‘'+tp+‘ ‘;
   }else{
    str +=‘1 && cp<tp){
   var next = cp+1;
   str += ‘<a class=”next” title=”下一页” href=”javascript:goPage(‘+next+‘,\”+url+‘\');”>下一页';
  }else{
   str += ‘下一页';
  }
  str += ‘';
  return str;
 }

 //跳转页码，跳转地址
 function goPage(cp,url){
  window.location.href = url+cp;
 }