多屏JS幻灯片

var sina={$:function(a){if(document.getElementById){return eval(‘document.getElementById("‘+a+‘")‘)}else{return eval(‘document.all.‘+a)}},isIE:navigator.appVersion.indexOf("MSIE")!=-1?true:false,addEvent:function(a,b,c){if(a.attachEvent){a.attachEvent("on"+b,c)}else{a.addEventListener(b,c,false)}},delEvent:function(a,b,c){if(a.detachEvent){a.detachEvent("on"+b,c)}else{a.removeEventListener(b,c,false)}},readCookie:function(l){var i="",I=l+"=";if(document.cookie.length>0){var a=document.cookie.indexOf(I);if(a!=-1){a+=I.length;var b=document.cookie.indexOf(";",a);if(b==-1)b=document.cookie.length;i=unescape(document.cookie.substring(a,b))}};return i},writeCookie:function(O,o,l,I){var i="",c="";if(l!=null){i=new Date((new Date).getTime()+l*3600000);i="; expires="+i.toGMTString()};if(I!=null){c=";domain="+I};document.cookie=O+"="+escape(o)+i+c},readStyle:function(i,I){if(i.style[I]){return i.style[I]}else if(i.currentStyle){return i.currentStyle[I]}else if(document.defaultView&&document.defaultView.getComputedStyle){var l=document.defaultView.getComputedStyle(i,null);return l.getPropertyValue(I)}else{return null}}};function ScrollPic(a,b,c,d,e){this.scrollContId=a;this.arrLeftId=b;this.arrRightId=c;this.dotListId=d;this.listType=e;this.dotClassName="dotItem";this.dotOnClassName="dotItemOn";this.dotObjArr=[];this.listEvent="onclick";this.circularly=true;this.pageWidth=0;this.frameWidth=0;this.speed=10;this.space=10;this.upright=false;this.pageIndex=0;this.autoPlay=true;this.autoPlayTime=5;this._autoTimeObj;this._scrollTimeObj;this._state="ready";this.stripDiv=document.createElement("DIV");this.listDiv01=document.createElement("DIV");this.listDiv02=document.createElement("DIV")};ScrollPic.prototype.version="1.20";ScrollPic.prototype.author="mengjia";ScrollPic.prototype.initialize=function(){var a=this;if(!this.scrollContId){throw new Error("必须指定scrollContId.");return};this.scrollContDiv=sina.$(this.scrollContId);if(!this.scrollContDiv){throw new Error("scrollContId不是正确的对象.(scrollContId = \""+this.scrollContId+"\")");return};this.scrollContDiv.style[this.upright?‘height‘:‘width‘]=this.frameWidth+"px";this.scrollContDiv.style.overflow="hidden";this.listDiv01.innerHTML=this.scrollContDiv.innerHTML;this.scrollContDiv.innerHTML="";this.scrollContDiv.appendChild(this.stripDiv);this.stripDiv.appendChild(this.listDiv01);if(this.circularly){this.stripDiv.appendChild(this.listDiv02);this.listDiv02.innerHTML=this.listDiv01.innerHTML};this.stripDiv.style.overflow="hidden";this.stripDiv.style.zoom="1";this.stripDiv.style[this.upright?‘height‘:‘width‘]="32766px";if(!this.upright){this.listDiv01.style.cssFloat="left";this.listDiv01.style.styleFloat="left";this.listDiv01.style.overflow="hidden"};this.listDiv01.style.zoom="1";if(this.circularly&&!this.upright){this.listDiv02.style.cssFloat="left";this.listDiv02.style.styleFloat="left";this.listDiv02.style.overflow="hidden"};this.listDiv02.style.zoom="1";sina.addEvent(this.scrollContDiv,"mouseover",function(){a.stop()});sina.addEvent(this.scrollContDiv,"mouseout",function(){a.play()});if(this.arrLeftId){this.arrLeftObj=sina.$(this.arrLeftId);if(this.arrLeftObj){sina.addEvent(this.arrLeftObj,"mousedown",function(){a.rightMouseDown()});sina.addEvent(this.arrLeftObj,"mouseup",function(){a.rightEnd()});sina.addEvent(this.arrLeftObj,"mouseout",function(){a.rightEnd()})}};if(this.arrRightId){this.arrRightObj=sina.$(this.arrRightId);if(this.arrRightObj){sina.addEvent(this.arrRightObj,"mousedown",function(){a.leftMouseDown()});sina.addEvent(this.arrRightObj,"mouseup",function(){a.leftEnd()});sina.addEvent(this.arrRightObj,"mouseout",function(){a.leftEnd()})}};if(this.dotListId){this.dotListObj=sina.$(this.dotListId);this.dotListObj.innerHTML="";if(this.dotListObj){var b=Math.round(this.listDiv01[this.upright?‘offsetHeight‘:‘offsetWidth‘]/this.frameWidth+0.4),i,tempObj;for(i=0;i<b;i++){tempObj=document.createElement("span");this.dotListObj.appendChild(tempObj);this.dotObjArr.push(tempObj);if(i==this.pageIndex){tempObj.className=this.dotOnClassName}else{tempObj.className=this.dotClassName};if(this.listType==‘number‘){tempObj.innerHTML=i+1};tempObj.title="第"+(i+1)+"页";tempObj.num=i;tempObj[this.listEvent]=function(){a.pageTo(this.num)}}}};this.scrollContDiv[this.upright?‘scrollTop‘:‘scrollLeft‘]=0;if(this.autoPlay){this.play()}};ScrollPic.prototype.leftMouseDown=function(){if(this._state!="ready"){return};var a=this;this._state="floating";this._scrollTimeObj=setInterval(function(){a.moveLeft()},this.speed)};ScrollPic.prototype.rightMouseDown=function(){if(this._state!="ready"){return};var a=this;this._state="floating";this._scrollTimeObj=setInterval(function(){a.moveRight()},this.speed)};ScrollPic.prototype.moveLeft=function(){if(this.circularly){if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+this.space>=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]){this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]=this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+this.space-this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]}else{this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+=this.space}}else{if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+this.space>=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]-this.frameWidth){this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]-this.frameWidth;this.leftEnd()}else{this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+=this.space}};this.accountPageIndex()};ScrollPic.prototype.moveRight=function(){if(this.circularly){if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]-this.space<=0){this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]+this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]-this.space}else{this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]-=this.space}}else{if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]-this.space<=0){this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]=0;this.rightEnd()}else{this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]-=this.space}};this.accountPageIndex()};ScrollPic.prototype.leftEnd=function(){if(this._state!="floating"){return};this._state="stoping";clearInterval(this._scrollTimeObj);var a=this.pageWidth-this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]%this.pageWidth;this.move(a)};ScrollPic.prototype.rightEnd=function(){if(this._state!="floating"){return};this._state="stoping";clearInterval(this._scrollTimeObj);var a=-this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]%this.pageWidth;this.move(a)};ScrollPic.prototype.move=function(a,b){var c=this;var d=a/5;if(!b){if(d>this.space){d=this.space};if(d<-this.space){d=-this.space}};if(Math.abs(d)<1&&d!=0){d=d>=0?1:-1}else{d=Math.round(d)};var e=this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+d;if(d>0){if(this.circularly){if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+d>=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]){this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]=this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+d-this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]}else{this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+=d}}else{if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+d>=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]-this.frameWidth){this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]-this.frameWidth;this._state="ready";return}else{this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+=d}}}else{if(this.circularly){if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+d<0){this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]+this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+d}else{this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+=d}}else{if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]-d<0){this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]=0;this._state="ready";return}else{this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]+=d}}};a-=d;if(Math.abs(a)==0){this._state="ready";if(this.autoPlay){this.play()};this.accountPageIndex();return}else{this.accountPageIndex();this._scrollTimeObj=setTimeout(function(){c.move(a,b)},this.speed)}};ScrollPic.prototype.pre=function(){if(this._state!="ready"){return};this._state="stoping";this.move(-this.pageWidth,true)};ScrollPic.prototype.next=function(a){if(this._state!="ready"){return};this._state="stoping";if(this.circularly){this.move(this.pageWidth,true)}else{if(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]>=this.listDiv01[(this.upright?‘scrollHeight‘:‘scrollWidth‘)]-this.frameWidth){this._state="ready";if(a){this.pageTo(0)}}else{this.move(this.pageWidth,true)}}};ScrollPic.prototype.play=function(){var a=this;if(!this.autoPlay){return};clearInterval(this._autoTimeObj);this._autoTimeObj=setInterval(function(){a.next(true)},this.autoPlayTime*1000)};ScrollPic.prototype.stop=function(){clearInterval(this._autoTimeObj)};ScrollPic.prototype.pageTo=function(a){if(this.pageIndex==a){return};clearTimeout(this._scrollTimeObj);this._state="stoping";var b=a*this.frameWidth-this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)];this.move(b,true)};ScrollPic.prototype.accountPageIndex=function(){var a=Math.round(this.scrollContDiv[(this.upright?‘scrollTop‘:‘scrollLeft‘)]/this.frameWidth);if(a==this.pageIndex){return};this.pageIndex=a;if(this.pageIndex>Math.round(this.listDiv01[this.upright?‘offsetHeight‘:‘offsetWidth‘]/this.frameWidth+0.4)-1){this.pageIndex=0};var i;for(i=0;i<this.dotObjArr.length;i++){if(i==this.pageIndex){this.dotObjArr[i].className=this.dotOnClassName}else{this.dotObjArr[i].className=this.dotClassName}}};