当前位置:首页 > 网页特效 > 图片代码 >

jquery鼠标滑动按钮图片切换

时间:2014-07-28 08:13 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

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>

本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

图片代码下载排行

最新文章