JQuery / Javascript子菜单悬停问题

时间:2011-01-17 22:59:37

标签: javascript jquery drop-down-menu jquery-animate jquery-hover

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

我想在jquery / javascript而不是css。

Link To Live Example完整代码

由于

1 个答案:

答案 0 :(得分:2)

$("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'});  
});