页面图片自动与手动切换.docx

//先引用这个JS文件
var$$=function(id){
return"string"==typeofid?document.getElementById(id):id;
};

varforEach=function(array,callback,thisObject){
if(array.forEach){
array.forEach(callback,thisObject);
}else{
for(vari=0,len=array.length;i<len;i++){callback.call(thisObject,array[i],i,array);}
}
}

varExtend=function(destination,source){
for(varpropertyinsource){
destination[property]=source[property];
}
returndestination;
}

varCurrentStyle=function(element){
returnelement.currentStyle||document.defaultView.getComputedStyle(element,null);
}

varBind=function(object,fun){
varargs=Array.prototype.slice.call(arguments).slice(2);
returnfunction(){
returnfun.apply(object,args.concat(Array.prototype.slice.call(arguments)));
}
}

varTween={
Quart:{
easeOut:function(t,b,c,d){
return-c*((t=t/d-1)*t*t*t-1)+b;
}
},
Back:{
easeOut:function(t,b,c,d,s){
if(s==undefined)s=1.70158;
returnc*((t=t/d-1)*t*((s+1)*t+s)+1)+b;
}
},
Bounce:{
easeOut:function(t,b,c,d){
if((t/=d)<(1/2.75)){
returnc*(7.5625*t*t)+b;
}elseif(t<(2/2.75)){
returnc*(7.5625*(t-=(1.5/2.75))*t+.75)+b;
}elseif(t<(2.5/2.75)){
returnc*(7.5625*(t-=(2.25/2.75))*t+.9375)+b;
}else{
returnc*(7.5625*(t-=(2.625/2.75))*t+.984375)+b;
}
}
}
}

//容器对象,滑动对象,切换数量
varSlideTrans=function(container,slider,count,options){
this._slider=$$(slider);
this._container=$$(container);//容器对象
this._timer=null;//定时器
this._count=Math.abs(count);//切换数量
this._target=0;//目标值
this._t=this._b=this._c=0;//tween参数

this.Index=0;//当前索引

this.SetOptions(options);

this.Auto=!!this.options.Auto;
this.Duration=Math.abs(this.options.Duration);
this.Time=Math.abs(this.options.Time);
this.Pause=Math.abs(this.options.Pause);
this.Tween=this.options.Tween;
this.onStart=this.options.onStart;
this.onFinish=this.options.onFinish;

varbVertical=!!this.options.Vertical;
this._css=bVertical?"top":"left";//方向

//样式设置
varp=CurrentStyle(this._container).position;
p=="relative"||p=="absolute"||(this._container.style.position="relative");
this._container.style.overflow="hidden";
t