简单js分页效果
写了这个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; 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();
页:
[1]