javascript - JQuery/Javascript 子菜单悬停问题

Question

我在 jquery 下拉菜单中遇到问题。在我的示例中(底部的链接)，我希望当我将鼠标悬停在子菜单上时，当前菜单项(第 2 项)的颜色保持悬停状态(示例中为白色)。

我想在 jquery/javascript 中使用它，而不是在 css 中。

Link To Live Example有完整代码

谢谢

Answer 1

$("ul.submenu li a").css({'background-color': '#fdfa02'});
$("ul.submenu").css({'background-color': '#fdfa02'});
$("ul.submenu2").css({'background-color': '#fdfa02'});   
$('ul.submenu li a').css('color', '#00FF00');

//change the menu text color on mouse over
$('ul.menu li').hover(function () {    
     $(this).find("span:first a").css({color:'#FFFFFF'});    
},
function () {
    $(this).find("span:first a").css({color:'#000000'});  
});