这是一个关于前端开发的代码示例，展示了如何实现在鼠标悬停时改变垂直选项卡背景颜色及滚动切换背景图片的效果。代码通过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]+")")// 背景图片 不需要注释即可 })})
dd:
扫一扫
1023
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
