$(function(){ $(".jjfa_list01").mouseenter(function(){ $(".sy_bg > div").removeClass("a"); $(".jjfa_bg1").addClass("a"); }); $(".jjfa_list02").mouseenter(function(){ $(".sy_bg > div").removeClass("a"); $(".jjfa_bg2").addClass("a"); }); $(".jjfa_list03").mouseenter(function(){ $(".sy_bg > div").removeClass("a"); $(".jjfa_bg3").addClass("a"); }); $(".jjfa_list04").mouseenter(function(){ $(".sy_bg > div").removeClass("a"); $(".jjfa_bg4").addClass("a"); }); $(".jjfa_list05").mouseenter(function(){ $(".sy_bg > div").removeClass("a"); $(".jjfa_bg5").addClass("a"); }); }); $(document).scroll(function(){ // 页面往下滚动后添加的类名 if(window.scrollY >= 50){ $('body > .main > div:nth-child(1)').addClass('downClass'); }else{ $('body > .main > div:nth-child(1)').removeClass('downClass'); } // 【使用方法】 // 1、使用时可自由设置距离顶部的高度 // 2、downClass类名如不满足可自由编辑为其他类名 // 3、具体实现的样式需要自行到样式文件里定义downClass或者已修改为其他的类名样式 });