javascript实现简单的分页特效

下面是一段javascript实现的分页代码，当然必须要结合后台代码实现。大家可以自行分析一下代码，希望能够给大家带来一定的帮助,代码如下:

示例二：

示例三：

实现的效果是：上一页、第一页、…（上n个页码）、n个页码、…（下n个页码）、最后一页、下一页。n可以是奇数也可以是偶数，一般都喜欢取奇数

//总页数，当前页数，跳转地址，第一页和最后一页之间显示的页码数量
function pageBar(tp,cp,url,pn){
  var str = ‘
';
  if(tp>1 && cp>1){
   var prev = cp-1;
   str += ‘
上一页
 ‘;
  }else{
   str += ‘
上一页
 ‘;
  }
  if(tp>1){
   //第一页
   if(cp==1){
    str +=‘
1
 ‘;
   }else{
    str +=‘
1
 ‘;
   }

   if(tp>2){
    var pnh = Math.floor(pn/2);

    //循环开始页码
    var s = cp-pnh;
    if(s<=1){
     s = 2;
    }

    //循环结束页码
    var e = cp+pnh;
    if(e>=tp){
     e = tp-1;
    }

    if(s<=(1+pnh)){
     if(tp>(pn+2)){
      e = s+(pn-1);
      if(e>=tp){
       e = tp-1;
      }
     }else{
      s = 2;
     }
    }

    if(e>=(tp-pnh)){
     if(tp>(pn+2)){
      s = e-(pn-1);
      if(s<=1){
       s = 2;
      }
     }else{
      e = tp-1;
     }
    }

    if(e2){
     var sp = cp-pn;
     if(sp<1){
      sp=1;
     }
     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 += ‘
…
 ‘;
    }
   }

   //最后一页
   if(cp==tp){
    str +=‘
'+tp+‘
 ‘;
   }else{
    str +=‘
'+tp+‘
 ‘;
   }

  }else{
   str +=‘ 
1
 ‘;
  }

  if(tp>1 && cp下一页';
  }else{
   str += ‘
下一页
';
  }
  str += ‘
';
  return str;
 }

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