悬停时带箭头的菜单

Question

经过一些帮助后，我的导航栏中出现了另一个问题 我有一个带有子菜单项的导航栏，这个导航栏的样式在悬停时向下箭头，但是当鼠标离开菜单时，背景丢失了你的悬停效果，当鼠标移动到子菜单时需要保持它悬停，我搜索另一个像这样的问题，但没有问题有这样的菜单，箭头向下。

见下图：

我怎么做？

我尝试使用jquery来显示悬停但不起作用的菜单，菜单链接丢失了悬停效果

Answer 1

如果您的菜单结构如下：

<ul>
  <li><a href="#">Item1</a></li>
  <li><a href="#">Item2</a></li>
  <li><a href="#">Item3</a></li>
  <li>
    <a href="#">Item4</a>
    <ul>
      <li>Subitem</li>
    </ul>
  </li>
</u>

您需要将:hover效果放入li ---＆gt; li:hover标记中的a不在鼠标位于子菜单上时保持效果。

观看此演示 http://jsfiddle.net/Wrnex/13/