jQuery选项卡鼠标滑动切换右侧图片特效代码5432
一款带背景颜色变化的垂直选项卡图片滑动切换效果代码。
$('.tab .menus li').each(function(){
    $('.tab .menus li').mouseover(function(){
        $('.tab .menus li').removeClass('bg');
        $(this).addClass('bg');
        var index = $(this).index();
        var arr = [
                'assets/bg1.png',
                'assets/bg2.png',
                'assets/bg3.png',
                'assets/bg4.png',
                'assets/bg5.png',
                'assets/bg6.png',
                'assets/bg7.png',
            ] // 背景图片  不需要注释即可
        $('.tab .scroll').css('margin-top',-index*800+'px');
        $('.tab').css('background-image','url('+arr[index]+')')// 背景图片  不需要注释即可
    })
})
      立即下载 ( 文件大小:0.16 M)

    浏览器兼容性

    1. IE 9
    2. Mozilla Firefox
    3. Google Chrome
    4. Oper
    5. Safari

    技术讨论区

    1. 请先登录

        发 布

    键盘快捷键: 上一个 下一个