简单js分页效果

FengShen_Xia

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

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

// JavaScript Document by xiaoLoufunction 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();