简单js分页效果

写了这个js让我彻底喜欢上全局变量，在这个例子中所有的内容都是在页面中，不是用ajax调的，但是和用ajax调的思路是一摸一样的，在这里我先把内容都存在一个数组中，然后再根据实际选择哪页再调取具体数组的内容：

var li=this.oID.getElementsByTagName("li");
  var nub=0;
  var io=[];
  for(var i=0;i

// JavaScript Document by xiaoLou
function jsPage(oID,pageNub,leftSnow,rightSnow,backClass,advanceClass,noBack,noAdvance){
    if(!document.getElementById(oID)) return false;
    if(!document.getElementById(leftSnow)) return false;
    if(!document.getElementById(rightSnow)) return false;
    this.oID=document.getElementById(oID);
    this.leftSnow=document.getElementById(leftSnow);
    this.rightSnow=document.getElementById(rightSnow);
    this.pageNub=pageNub;
 this.backClass=backClass;
 this.advanceClass=advanceClass;
 this.noBack=noBack;
 this.noAdvance=noAdvance;
}
jsPage.prototype.showPage=function(){
  if(!this.oID) return false;
  if(!this.leftSnow) return false;
  if(!this.rightSnow) return false;
  var _this=this;
  var li=this.oID.getElementsByTagName(”li”);
  var nub=0;
  var io=[];
  for(var i=0;i=io.length){
 _this.leftSnow.setAttribute(”lang”,”");
 _this.leftSnow.className=this.noBack;
 _this.rightSnow.className=this.noAdvance;
    return false;
  }
  this.leftSnow["onclick"]=function(){
    if(this.getAttribute(”lang”)!=”play”){
     return false;
    };
  nub>kl-1?kl-1:nub++;
     _this.oID.innerHTML=”";
     _this.oID.style.filter=”revealTrans(transition=10)”;
   if(navigator.userAgent.indexOf(”MSIE”)>0){
  _this.oID.filters.revealTrans.apply();
     _this.oID.filters.revealTrans.play();
   }
     var oFrag=document.createDocumentFragment();
     var nubQi=_this.pageNub*nub;
     var nubZhong=_this.pageNub*(nub+1);
     if(nub>kl-2){
     _this.leftSnow.className=_this.noBack;
     _this.leftSnow.setAttribute(”lang”,”");
     _this.rightSnow.className=_this.advanceClass;
     _this.rightSnow.setAttribute(”lang”,”play”);
  if(yshu!=0){nubZhong=nubQi+yshu;}
     }else{
     _this.leftSnow.className=_this.backClass;
     _this.leftSnow.setAttribute(”title”,”");
     _this.leftSnow.setAttribute(”lang”,”play”);
     _this.rightSnow.className=_this.advanceClass;
     _this.rightSnow.setAttribute(”lang”,”play”);
     }
     for(i=nubQi;i<nubZhong;i++){
        var _li=document.createElement(”li”);
        _li.innerHTML=io[i];
        oFrag.appendChild(_li);
     }
     _this.oID.appendChild(oFrag);
     return false;
  }
}

var star=new jsPage(”startInner”,17,”backStar”,”advanceStar”,”back”,”advance”,”noback”,”noadvance”);
star.showPage();
var pro=new jsPage(”allProInner”,17,”back”,”advance”,”back”,”advance”,”noback”,”noadvance”);
pro.showPage();
var news=new jsPage(”otherLive”,4,”down”,”up”,”down”,”up”,”nodown”,”noup”);
news.showPage();