一款带背景颜色变化的垂直选项卡图片滑动切换效果代码。$('.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]+')')// 背景图片 不需要注释即可 })})
未经允许不得转载: ICode联盟 » 插件特效 » jQuery选项卡鼠标滑动切换右侧图片特效代码