在HTML/CSS中的悬停/活动打开菜单项之间切换

当悬停另一个菜单项时，是否可以从菜单项中删除“活动”类

---

有把小提琴在用。默认情况下，“主页”按钮具有“活动”类，每当将鼠标悬停在其他菜单项上时，我希望删除该“活动”类。以这种方式，只有1个菜单项在其顶部具有菜单覆盖。使用CSS很容易做到这一点吗？或者我需要一些漂亮的JavaScript

下面的代码将把按钮覆盖放置在“我的菜单项”的顶部：

#menu li a.active,
#menu li a:hover{
    text-decoration: none;
    background: url('../images/menu_button_overlay.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 30px 10px;
}

---

谢谢

您需要使用花哨的Javascript。但即便如此，我怀疑它也不会起作用，因为在你从家中删除

活动

类之后，任何其他菜单项都只会有覆盖，直到你将其悬停或单击它。如果您不点击任何其他菜单项，那么最终任何菜单项都不会有任何覆盖。

您需要使用花式Javascript。但即便如此，我怀疑它也不会起作用，因为在你从家中删除

活动

类之后，任何其他菜单项都只会有覆盖，直到你将其悬停或单击它。如果您不点击任何其他菜单项，那么最终任何菜单项都不会有任何覆盖。

您需要使用花式Javascript。但即便如此，我怀疑它也不会起作用，因为在你从家中删除

活动

类之后，任何其他菜单项都只会有覆盖，直到你将其悬停或单击它。如果您不点击任何其他菜单项，那么最终任何菜单项都不会有任何覆盖。

您需要使用花式Javascript。但即便如此，我怀疑它也不会起作用，因为在你从家中删除

活动

类之后，任何其他菜单项都只会有覆盖，直到你将其悬停或单击它。如果您不单击任何其他菜单项，那么最终将不会有任何菜单项的覆盖。

您将需要javascript（或者更可能是Jquery）

JQuery

$("li a").click(function () {
  $(this).toggleClass("active");
  $("li a").not(this).removeClass("active");
});

您需要javascript（或者更可能是Jquery）

JQuery

$("li a").click(function () {
  $(this).toggleClass("active");
  $("li a").not(this).removeClass("active");
});

您需要javascript（或者更可能是Jquery）

JQuery

$("li a").click(function () {
  $(this).toggleClass("active");
  $("li a").not(this).removeClass("active");
});

您需要javascript（或者更可能是Jquery）

JQuery

$("li a").click(function () {
  $(this).toggleClass("active");
  $("li a").not(this).removeClass("active");
});

---

使用CSS是可能的

#menu:hover .active {
     background: none;   
}

---

使用CSS是可能的

#menu:hover .active {
     background: none;   
}

---

使用CSS是可能的

#menu:hover .active {
     background: none;   
}

---

使用CSS是可能的

#menu:hover .active {
     background: none;   
}

---

“或者我需要一些花哨的JavaScript？”…是的。“或者我需要一些花哨的JavaScript？”…是的。“或者我需要一些花哨的JavaScript？”…是的。“或者我需要一些花哨的JavaScript？”…是的。这不完全是我所提到的。我喜欢将鼠标悬停在菜单项上，然后只看到1个覆盖。当我离开菜单项时，我希望旧的活动类被恢复。这不完全是我所提到的。我喜欢将鼠标悬停在菜单项上，然后只看到1个覆盖。当我离开菜单项时，我希望旧的活动类被恢复。这不完全是我所提到的。我喜欢将鼠标悬停在菜单项上，然后只看到1个覆盖。当我离开菜单项时，我希望旧的活动类被恢复。这不完全是我所提到的。我喜欢将鼠标悬停在菜单项上，然后只看到1个覆盖。当我离开菜单项时，我希望旧的活动类被恢复。这或多或少就是我的意思，谢谢！尽管当你在menu div上，并且没有触摸任何菜单项时，它仍然会删除覆盖。所以这不是100%的解决方案。这或多或少就是我的意思，谢谢！尽管当你在menu div上，并且没有触摸任何菜单项时，它仍然会删除覆盖。所以这不是100%的解决方案。这或多或少就是我的意思，谢谢！尽管当你在menu div上，并且没有触摸任何菜单项时，它仍然会删除覆盖。所以这不是100%的解决方案。这或多或少就是我的意思，谢谢！尽管当你在menu div上，并且没有触摸任何菜单项时，它仍然会删除覆盖。所以这不是100%的解决方案。