js轮播

var focusPic=function(){
num:4,
currIndex:0,
lastIndex:0;
delay:3000,
timer:null,
init:function(){
var self=this;
$(".scroll_left").click(function(){
self.currIndex=self.currIndex+1;
self.run();
}).hover(function(){
clearInterval(self.timer);
},function(){
self.autoRun();
});

$(".scroll_right").click(function(){
self.currIndex=self.currIndex-1;
self.run();
}).hover(function(){
clearInterval(self.timer);
},function(){
self.autoRun();
});

$(".focus_pic").hover(
function(){
clearInterval(self.timer);
},function(){
self.autoRun();
})

},
autoRun:function(){
var self=this;
clearInterval(self.timer);
this.timer=setInterval(funciton(){
self.currIndex+=1;
self.run();
},this.delay);
},
run:function(){
if(this.currIndex>=this.num){
this.currIndex=0;
}
if(this.currIndex<0){
this.curIndex=this.num-1;
}
if(this.curIndex==this.lastIndex){
return false;
}
var buttons=$(".focus_num li");
buttons.eq(this.lastIndex).removeClass("current");
buttons.eq(this.currIndex).addClass("current");

var text=$(".focus_txt li");
text.eq(this.lastIndex).hide();
text.eq(this.currIndex).show();
var pictures=$("focus_pic li");
pictures.eq(this.lastIndex).stop().css({opacity:1}).fadeOut();
pictures.eq(this.currIndex).stop().css({opacity:1}).fadeIn();
this.lastIndex=this.currIndex;

}

posted on 2015-08-18 15:56  allenzhou  阅读(96)  评论(0)    收藏  举报