jQuery选项卡鼠标滑动切换右侧图片特效代码

一款带背景颜色变化的垂直选项卡图片滑动切换效果代码。
$('.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]+')')// 背景图片  不需要注释即可
    })
})