在下拉列表中保持顶部菜单项突出显示

Question

只需将此网站放在一起，并希望当您将鼠标悬停在下拉菜单项上时，带有下拉列表的菜单项会以白色突出显示。 http://dl.dropbox.com/u/7086475/Paul%20Day/index.html

Answer 1

您可以使用#nav a:hover而不是#nav li:hover选择器。

当你在子菜单中时，li将保持悬停状态，而不像锚。

它在IE6中不起作用，因为悬停伪类仅适用于锚点。

#nav li:hover{
 color: #fff;
}

Answer 2

您可以使用css class为父li的悬停状态设置jquery or javascript。

修改

您可以像这样设置一个css类......

$(document).ready(function() {
    $("#nav li li").mouseenter(function() {
      $(this).parent().parent().addClass("test");
    });

    $("#nav li li").mouseleave(function() {
      $(this).parent().parent().removeClass("test");
    });
});

和Css Style ......

.test { font-weight:bold; color:#fff; }

Answer 3

使用此jquery，它将解决您的问题

$(function() {
        $('#nav li ul').hover(function() {
           $(this).prev('#nav li a').css('color', '#FF6600');
        }, function() {
            $(this).prev('#nav li a').css('color', '#fff');
        });
    });