js 首页轮换图片

<script type='text/javascript'>
var cur = 1 ;//表示鼠标第二个开始
var si = setInterval(go, 1000);
var is_auto = 0; //默认不是自动触发

var btns = $('#ad_btn div');
btns.mouseover(function(){
var n = $(this).index();
if(is_auto == 0){
clearInterval(si);
cur = n+1 ;//设置鼠标放开，从当前 下一个开始
}

var imgs = $('#ad_img img');
imgs.hide();
$('.ad_select').removeClass('ad_select').addClass('ad_tab');//移除之前按钮选中状态的属性，并添加不选中状态属性
$(this).removeClass('ad_tab').addClass('ad_select');//移除当前按钮不选中状态的属性，并添加选中状态属性
imgs.eq(n).show();
is_auto = 0;
});

btns.mouseout(function(){
si = setInterval(go, 1000);
});

function go(){
is_auto = 1;
$('#ad_btn div').eq(cur).trigger('mouseover');//为cur当前div时触发mouseover事件
if(++cur >=3){
cur = 0;
}
}
</script>