Javascript 需要JS来保持悬停链接处于活动状态

我有一个下拉菜单，我需要帮助让悬停链接保持活跃，当我悬停在它上面，使它与下拉混合

我已经把代码放在JSF上了

---

谢谢

您可以通过更改以下内容来修复它：

#nav-container li a:hover span {
    display: block;
    background-image: url(http://i.stack.imgur.com/sTqNy.gif);
    background-repeat: repeat-x;
}

为此：

#nav-container li:hover span {
    display: block;
    background-image: url(http://i.stack.imgur.com/sTqNy.gif);
    background-repeat: repeat-x;
    color: #000
}

---

请参阅：

您可以通过更改以下内容来修复它：

#nav-container li a:hover span {
    display: block;
    background-image: url(http://i.stack.imgur.com/sTqNy.gif);
    background-repeat: repeat-x;
}

为此：

#nav-container li:hover span {
    display: block;
    background-image: url(http://i.stack.imgur.com/sTqNy.gif);
    background-repeat: repeat-x;
    color: #000
}

---

请参见：

在悬停函数中将类添加到悬停的元素中，然后在退出时将其删除。该类应具有与悬停样式相同的样式：

$(function () {
  $('.dropdown, .dropdown2, .dropdown3').each(function () {
    $(this).parent().eq(0).hover(function () {
      $('.dropdown, .dropdown2, .dropdown3:eq(0)', this).show();
      $(this).addClass("hoverstyle");
    }, function () {
      $('.dropdown, .dropdown2, .dropdown3:eq(0)', this).hide();
      $(this).removeClass("hoverstyle");
    });
  });
});

---

然后定义

.hoverstyle

在悬停函数中为悬停的元素添加一个类，然后在退出时将其删除。该类应具有与悬停样式相同的样式：

$(function () {
  $('.dropdown, .dropdown2, .dropdown3').each(function () {
    $(this).parent().eq(0).hover(function () {
      $('.dropdown, .dropdown2, .dropdown3:eq(0)', this).show();
      $(this).addClass("hoverstyle");
    }, function () {
      $('.dropdown, .dropdown2, .dropdown3:eq(0)', this).hide();
      $(this).removeClass("hoverstyle");
    });
  });
});

---

然后定义

.hoverstyle

没错，但是您还需要通过javascript在那些父

li

s上设置一个

hover

类，以便悬停在IE中工作。@Michael Rose:这只是IE6的情况。如果他真的关心IE6支持（变得越来越不重要：），他可以使用。谢谢@thirtydot工作得很好。正如@MichaelRose所说，我想我也需要瞄准IE。我使用的是javascript iefix，hover在ie6中也能工作。谢谢。@三十：作为旁注；）我也希望支持它：d没错，但是您还需要通过javascript在那些父级

li

s上设置一个

hover

类，以便悬停在IE中工作。@Michael Rose:这只是IE6的情况。如果他真的关心IE6支持（变得越来越不重要：），他可以使用。谢谢@thirtydot工作得很好。正如@MichaelRose所说，我想我也需要瞄准IE。我使用的是javascript iefix，hover在ie6中也能工作。谢谢。@三十：作为旁注；）我也希望支持它：DYou不需要JavaScript来完成这样的任务。请参阅一些很好的例子，在纯CSS中实现这一点。这样的任务不需要JavaScript。请参阅一些很好的示例，在纯CSS中实现这一点。感谢@Keltex，即使在我定义了选择器之后，它似乎也不起作用。我刚刚使用了：hover，它在ieThanks@Keltex上似乎运行良好，即使在我定义了选择器之后，它也似乎不起作用。我刚刚使用了：hover，它似乎在ie上工作得很好