https://static.olansidk.com/static/assets/widget/script/plugins/scrollPic.js

1function ScrollPic(a,e,d,c,b){this.scrollContId=a;
2this.arrLeftId=e;
3this.arrRightId=d;
4this.dotListId=c;
5this.listType=b;
6this.dotClassName="dotItem";
7this.dotOnClassName="dotItemOn";
8this.dotObjArr=[];
9this.listEvent="onclick";
10this.circularly=true;
11this.pageWidth=0;
12this.frameWidth=0;
13this.speed=10;
14this.space=10;
15this.upright=false;
16this.pageIndex=0;
17this.autoPlay=true;
18this.autoPlayTime=5;
19this._autoTimeObj;
20this._scrollTimeObj;
21this._state="ready";
22this.stripDiv=document.createElement("DIV");
23this.lDiv01=document.createElement("DIV");
24this.lDiv02=document.createElement("DIV")
25}ScrollPic.prototype={version:"1.44",author:"mengjia",pageLength:0,touch:true,scrollLeft:0,eof:false,bof:true,initialize:function(){var b=this;
26if(!this.scrollContId){throw new Error("����ָ��scrollContId.");
27return
28}this.scDiv=this.$(this.scrollContId);
29if(!this.scDiv){throw new Error('scrollContId������ȷ�Ķ���.(scrollContId = "'+this.scrollContId+'")');
30return
31}this.scDiv.style[this.upright?"height":"width"]=this.frameWidth+"px";
32this.scDiv.style.overflow="hidden";
33this.lDiv01.innerHTML=this.scDiv.innerHTML;
34this.scDiv.innerHTML="";
35this.scDiv.appendChild(this.stripDiv);
36this.stripDiv.appendChild(this.lDiv01);
37if(this.circularly){this.stripDiv.appendChild(this.lDiv02);
38this.lDiv02.innerHTML=this.lDiv01.innerHTML;
39this.bof=false;
40this.eof=false
41}this.stripDiv.style.overflow="hidden";
42this.stripDiv.style.zoom="1";
43this.stripDiv.style[this.upright?"height":"width"]="32766px";
44this.lDiv01.style.overflow="hidden";
45this.lDiv01.style.zoom="1";
46this.lDiv02.style.overflow="hidden";
47this.lDiv02.style.zoom="1";
48if(!this.upright){this.lDiv01.style.cssFloat="left";
49this.lDiv01.style.styleFloat="left"
50}this.lDiv01.style.zoom="1";

51if(this.circularly&&!this.upright){this.lDiv02.style.cssFloat="left";
52this.lDiv02.style.styleFloat="left"
53}this.lDiv02.style.zoom="1";
54this.addEvent(this.scDiv,"mouseover",function(){b.stop()
55});
56this.addEvent(this.scDiv,"mouseout",function(){b.play()
57});
58if(this.arrLeftId){this.alObj=this.$(this.arrLeftId);
59if(this.alObj){this.addEvent(this.alObj,"mousedown",function(f){b.rightMouseDown();
60f=f||event;
61b.preventDefault(f)
62});
63this.addEvent(this.alObj,"mouseup",function(){b.rightEnd()
64});
65this.addEvent(this.alObj,"mouseout",function(){b.rightEnd()
66})
67}}if(this.arrRightId){this.arObj=this.$(this.arrRightId);
68if(this.arObj){this.addEvent(this.arObj,"mousedown",function(f){b.leftMouseDown();
69f=f||event;
70b.preventDefault(f)
71});
72this.addEvent(this.arObj,"mouseup",function(){b.leftEnd()
73});
74this.addEvent(this.arObj,"mouseout",function(){b.leftEnd()
75})
76}}var a=Math.ceil(this.lDiv01[this.upright?"offsetHeight":"offsetWidth"]/this.frameWidth),d,c;
77this.pageLength=a;
78if(this.dotListId){this.dotListObj=this.$(this.dotListId);
79this.dotListObj.innerHTML="";
80if(this.dotListObj){for(d=0;
81d<a;
82d++){c=document.createElement("span");
83this.dotListObj.appendChild(c);
84this.dotObjArr.push(c);
85if(d==this.pageIndex){c.className=this.dotOnClassName
86}else{c.className=this.dotClassName
87}if(this.listType=="number"){c.innerHTML=d+1
88}else{if(typeof(this.listType)=="string"){c.innerHTML=this.listType
89}else{c.innerHTML=""
90}}c.title="��"+(d+1)+"ҳ";
91c.num=d;
92c[this.listEvent]=function(){b.pageTo(this.num)
93}
94}}}this.scDiv[this.upright?"scrollTop":"scrollLeft"]=0;
95if(this.autoPlay){this.play()
96}this._scroll=this.upright?"scrollTop":"scrollLeft";
97this._sWidth=this.upright?"scrollHeight":"scrollWidth";
98if(typeof(this.onpagechange)==="function"){this.onpagechange()
99}this.iPad()
100},leftMouseDown:function(){if(this._state!="ready"){return
101}var a=this;
102this._state="floating";
103clearInterval(this._scrollTimeObj);
104this._scrollTimeObj=setInterval(function(){a.moveLeft()
105},this.speed);
106this.moveLeft()
107},rightMouseDown:function(){if(this._state!="ready"){return
108}var a=this;
109this._state="floating";
110clearInterval(this._scrollTimeObj);
111this._scrollTimeObj=setInterval(function(){a.moveRight()
112},this.speed);
113this.moveRight()
114},moveLeft:function(){if(this._state!="floating"){return
115}if(this.circularly){if(this.scDiv[this._scroll]+this.space>=this.lDiv01[this._sWidth]){this.scDiv[this._scroll]=this.scDiv[this._scroll]+this.space-this.lDiv01[this._sWidth]
116}else{this.scDiv[this._scroll]+=this.space
117}}else{if(this.scDiv[this._scroll]+this.space>=this.lDiv01[this._sWidth]-this.frameWidth){this.scDiv[this._scroll]=this.lDiv01[this._sWidth]-this.frameWidth;
118this.leftEnd()
119}else{this.scDiv[this._scroll]+=this.space
120}}this.accountPageIndex()
121},moveRight:function(){if(this._state!="floating"){return
122}if(this.circularly){if(this.scDiv[this._scroll]-this.space<=0){this.scDiv[this._scroll]=this.lDiv01[this._sWidth]+this.scDiv[this._scroll]-this.space
123}else{this.scDiv[this._scroll]-=this.space
124}}else{if(this.scDiv[this._scroll]-this.space<=0){this.scDiv[this._scroll]=0;
125this.rightEnd()
126}else{this.scDiv[this._scroll]-=this.space
127}}this.accountPageIndex()
128},leftEnd:function(){if(this._state!="floating"&&this._state!="touch"){return
129}this._state="stoping";
130clearInterval(this._scrollTimeObj);
131var a=this.pageWidth-this.scDiv[this._scroll]%this.pageWidth;
132this.move(a)
133},rightEnd:function(){if(this._state!="floating"&&this._state!="touch"){return
134}this._state="stoping";
135clearInterval(this._scrollTimeObj);
136var a=-this.scDiv[this._scroll]%this.pageWidth;
137this.move(a)
138},move:function(c,e){var a=this;
139var f=c/5;
140var d=false;
141if(!e){if(f>this.space){f=this.space
142}if(f<-this.space){f=-this.space
143}}if(Math.abs(f)<1&&f!=0){f=f>=0?1:-1
144}else{f=Math.round(f)
145}var b=this.scDiv[this._scroll]+f;
146if(f>0){if(this.circularly){if(this.scDiv[this._scroll]+f>=this.lDiv01[this._sWidth]){this.scDiv[this._scroll]=this.scDiv[this._scroll]+f-this.lDiv01[this._sWidth]
147}else{this.scDiv[this._scroll]+=f
148}}else{if(this.scDiv[this._scroll]+f>=this.lDiv01[this._sWidth]-this.frameWidth){this.scDiv[this._scroll]=this.lDiv01[this._sWidth]-this.frameWidth;
149this._state="ready";
150d=true
151}else{this.scDiv[this._scroll]+=f
152}}}

152else{if(this.circularly){if(this.scDiv[this._scroll]+f<0){this.scDiv[this._scroll]=this.lDiv01[this._sWidth]+this.scDiv[this._scroll]+f
153}else{this.scDiv[this._scroll]+=f
154}}else{if(this.scDiv[this._scroll]+f<=0){this.scDiv[this._scroll]=0;
155this._state="ready";
156d=true
157}else{this.scDiv[this._scroll]+=f
158}}}if(d){this.accountPageIndex();
159return
160}c-=f;
161if(Math.abs(c)==0){this._state="ready";
162if(this.autoPlay){this.play()
163}this.accountPageIndex();
164return
165}else{clearTimeout(this._scrollTimeObj);
166this._scrollTimeObj=setTimeout(function(){a.move(c,e)
167},this.speed)
168}},pre:function(){if(this._state!="ready"){return
169}this._state="stoping";
170this.move(-this.pageWidth)
171},next:function(a){if(this._state!="ready"){return
172}this._state="stoping";
173if(this.circularly){this.move(this.pageWidth)
174}else{if(this.scDiv[this._scroll]>=this.lDiv01[this._sWidth]-this.frameWidth){this._state="ready";
175if(a){this.pageTo(0)
176}}else{this.move(this.pageWidth)
177}}},play:function(){var a=this;
178if(!this.autoPlay){return
179}clearInterval(this._autoTimeObj);
180this._autoTimeObj=setInterval(function(){a.next(true)
181},this.autoPlayTime*1000)
182},stop:function(){clearInterval(this._autoTimeObj)
183},pageTo:function(a){if(this.pageIndex==a){return
184}if(a<0){a=this.pageLength-1
185}clearTimeout(this._scrollTimeObj);
186clearInterval(this._scrollTimeObj);
187this._state="stoping";
188var b=a*this.frameWidth-this.scDiv[this._scroll];
189this.move(b,true)
190},accountPageIndex:function(){var b=Math.round(this.scDiv[this._scroll]/this.frameWidth);
191if(b>=this.pageLength){b=0
192}this.scrollLeft=this.scDiv[this._scroll];
193var a=this.lDiv01[this._sWidth]-this.frameWidth;
194if(!this.circularly){this.eof=this.scrollLeft>=a;
195this.bof=this.scrollLeft<=0
196}if(typeof(this.onmove)==="function"){this.onmove()
197}if(b==this.pageIndex){return
198}this.pageIndex=b;
199if(this.pageIndex>Math.floor(this.lDiv01[this.upright?"offsetHeight":"offsetWidth"]/this.frameWidth)){this.pageIndex=0
200}var c;
201for(c=0;
202c<this.dotObjArr.length;
203c++){if(c==this.pageIndex){this.dotObjArr[c].className=this.dotOnClassName
204}else{this.dotObjArr[c].className=this.dotClassName
205}}if(typeof(this.onpagechange)==="function"){this.onpagechange()
206}},iPadX:0,iPadLastX:0,iPadStatus:"ok",iPad:function(){if(typeof(window.ontouchstart)==="undefined"){return
207}if(!this.touch){return
208}var a=this;
209this.addEvent(this.scDiv,"touchstart",function(b){a._touchstart(b)
210});
211this.addEvent(this.scDiv,"touchmove",function(b){a._touchmove(b)
212});
213this.addEvent(this.scDiv,"touchend",function(b){a._touchend(b)
214})
215},_touchstart:function(a){this.stop();
216this.iPadX=a.touches[0].pageX;
217this.iPadScrollX=window.pageXOffset;
218this.iPadScrollY=window.pageYOffset;
219this.scDivScrollLeft=this.scDiv[this._scroll]
220},_touchmove:function(b){if(b.touches.length>1){this._touchend()
221}this.iPadLastX=b.touches[0].pageX;
222var c=this.iPadX-this.iPadLastX;
223if(this.iPadStatus=="ok"){if(this.iPadScrollY==window.pageYOffset&&this.iPadScrollX==window.pageXOffset&&Math.abs(c)>20){this.iPadStatus="touch"
224}else{return
225}}this._state="touch";
226var a=this.scDivScrollLeft+c;
227if(a>=this.lDiv01[this._sWidth]){if(this.circularly){a=a-this.lDiv01[this._sWidth]
228}else{return
229}}if(a<0){if(this.circularly){a=a+this.lDiv01[this._sWidth]
230}else{return
231}}this.scDiv[this._scroll]=a;
232b.preventDefault()
233},_touchend:function(a){if(this.iPadStatus!="touch"){return
234}this.iPadStatus="ok";
235var b=this.iPadX-this.iPadLastX;
236if(b<0){this.rightEnd()
237}else{this.leftEnd()
238}this.play()
239},_overTouch:function(){this.iPadStatus="ok"
240},$:function(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')
241}else{return eval("document.all."+objName)
242}},isIE:navigator.appVersion.indexOf("MSIE")!=-1?true:false,addEvent:function(c,a,b){if(c.attachEvent){c.attachEvent("on"+a,b)
243}else{c.addEventListener(a,b,false)
244}},delEvent:function(c,a,b){if(c.detachEvent){c.detachEvent("on"+a,b)
245}else{c.removeEventListener(a,b,false)
246}},preventDefault:function(a){if(a.preventDefault){a.preventDefault()
247}else{a.returnValue=false
248}}};