AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

JS实现当前页居中分页效果的方法

51自学网 http://www.wanshiok.com
JS,分页效果

本文实例讲述了JS实现当前页居中分页效果的方法。分享给大家供大家参考。具体实现方法如下:

function show_page(cur_pc){  var cp=cur_pc;  //curent page count  var tp=this.p;  //total page count  var sp=this.pc;  //show page count  var bp;      //begin page count  var ep;      //end page count  if(sp%2==0) sp=sp+1;   //this process need an odd number  var dp=Math.floor(sp/2); //each side count to show  var dif=tp-sp;  //check weather it have enough page to make mid-show  var f=cp-dp;   //to check weather it has enough page to make mid-show from the begin  var g=tp-(cp+dp); //to check weather it has enough page to make mid-show from the end  if(sp && dif>=0)  {    if(g>0)    {      if(f>0)      {         bp=f;         ep=cp+dp;       }      else      {         bp=1;         ep=2*dp+1;       }    }    else    {       bp=tp-2*dp;       ep=tp;     }    }  else  {     bp=1;     ep=tp;   }  var buf=[];  for(var i=bp;i<=ep;i++)  {    if(i==cur_pc)    {      buf.push("<a href='javascript:;' class='current'>",i,"</a>");    }    else    {      buf.push("<a href='javascript:;' class='normal'>",i,"</a>");    }  }  document.write(buf);}

运行效果如下图所示:

希望本文所述对大家的javascript程序设计有所帮助。


JS,分页效果  
上一篇:javascript中Date()函数在各浏览器中的显示效果  下一篇:纯js实现无限空间大小的本地存储