您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 图片代码 >

    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>

    jquery鼠标滑动按钮图片切换由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/tupian/9863.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!