轮播图之jquery篇
自动轮播
var c=0;
var timer=setInterval(function(){
c++;
if(c==5){
c=0;
}
$("#box .i").eq(c).show().siblings('.i').hide();
$(".i_slides ol li").eq(c).css('background','orange').siblings('li').css('background','#FFFAD0');
},1000)
鼠标移上图片停止轮播,移开自动轮播
$(".i_slides").hover(function(){
clearInterval(timer);
},function(){
timer=setInterval(function(){
c++;
if(c==5){
c=0;
}
$(".i_slides .i").eq(c).show().siblings('.i').hide();
$(".i_slides ol li").eq(c).css('background','#FFFAD0').siblings('li').css('background','orange');
},1000)
})
鼠标移上小圆点停止轮播
$('.i_slides ol li').mouseenter(function(){
c=$(this).index();
$("#box .i").eq(c).show().siblings('.i').hide();
$(".i_slides ol li").eq(c).css('background','#FFFAD0').siblings('li').css('background','orange');
})
点击按钮切换照片
var a=0;
var lft_icon=$(".lft_icon");
var rgt_icon=$(".rgt_icon");
lft_icon.click(function(){
a--;
if(a == -1){
a = 1;
}
$(".hot_list li").eq(a).show().siblings('li').hide();
})
rgt_icon.click(function(){
a ++;
if(a == 2){
a = 0;
}
$(".hot_list li").eq(a).show().siblings('li').hide();
})