jquery鼠标滑动按钮图片切换jquery鼠标滑动按钮图片切换是一款网站常用的简单图片切换特效,带索引按钮,鼠标滑过自动切换。jquery滑动按钮图片切换索引按钮
<script type="text/javascript">
var icurrent =0;//当前元素
var max = 3;//元素最多个数
var divwidth = 298;
function change(obj){
$('.v2_ibox a').removeClass('on');
$(obj).addClass('on');
var index = $('.v2_ibox').find('.on').index();
icurrent = index;
$(".v2_icontent_box").animate({left:'-'+icurrent*divwidth+'px'});
}
$('.v2_ibox .v2_ib_btn').mouseover(function(){
change(this);
});
window.setInterval(function changeauto(){
if(icurrent==max){
icurrent = 0;
}
$('.v2_ibox a').removeClass('on');
$('.v2_ibox a').eq(icurrent).addClass('on');
$(".v2_icontent_box").animate({left:'-'+icurrent*divwidth+'px'});
icurrent++;
} , 2000);
</script>
热门源码