我有一个下拉菜单,并且正在使用 mouseenter()
函数。如果鼠标进入我的选择器区域,背景颜色将返回黄色。但是,如果我离开选择器区域,我想设置选择器区域的默认颜色,而不使用 mouseleave()
函数。
我该如何解决这个问题?
$(document).ready(function(){
$("#l_ev_men").mouseenter(function(){
$(this).css("background-color","yellow");
$(this).css("color","black");
});
$("#l_ev_men").mouseleave(function(){ // ı dont want to use this function
});
});
最佳答案
我建议添加和删除 CSS 类。
#l_ev_men:hover, #l_ev_men.hover {
color: black;
background-color: yellow;
}
并非所有浏览器都支持 :hover 伪选择器,您可以使用 addClass()
和 removeClass()
,这将匹配 #l_ev_men CSS 上的 .hover
选择器。
$("#l_ev_men").hover(
function in(){
$(this).addClass("hover");
},
function out(){
$(this).removeClass("hover");
}
);
关于jquery - 使用 JQuery 返回默认颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17597714/