写了这个js让我彻底喜欢上全局变量,在这个例子中所有的内容都是在页面中,不是用ajax调的,但是和用ajax调的思路是一摸一样的,在这里我先把内容都存在一个数组中,然后再根据实际选择哪页再调取具体数组的内容: var li=this.oID.getElementsByTagName("li"); var nub=0; var io=[]; for(var i=0;i
-
- 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();
|