保持顶部的菜单项突出，而在下拉列表(Keeping top menu item highlighte

2019-09-16 14:40发布

刚组建这个网站，并希望该菜单项有一个下拉的白色留突出，当你将鼠标悬停在下拉菜单项。 http://dl.dropbox.com/u/7086475/Paul%20Day/index.html

Answer 1:

而不是使用的#nav a:hover ，您可以使用选择#nav li:hover代替。

当你在不同的锚子菜单是李仍将处于悬停状态。

它不会在IE6工作，因为悬停伪类仅适用于锚。

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

Answer 2:

使用这个jQuery，也将努力解决您的问题

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

Answer 3:

您可以设置一个css class使用父里的悬停状态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样式...