Question

我想制作一个下拉菜单。我尝试做这样的事情：http://jsfiddle.net/GPpbz/11/

<div>
    <nav>Parent Menu</nav>
    <nav>Sub Menu</nav>
    <nav>Sub Menu</nav>
</div>

但我有一个问题。当鼠标从父li离开时，子菜单容器会滑动。鼠标悬停在子菜单容器上时应该可见。也许我无法解释，但如果你看一下例子，你了解我。

我该如何解决这个问题。或者你提供不同的东西？（子菜单是100％宽度内联）

感谢。

Answer 1

如果将html更改为此

会好得多

<nav>
    <ul id="top_menu">
        <li><a href="#">deneme</a></li>
        <li><a href="#">deneme</a>
            <ul>
                <li><a href="#">deneme</a></li>
                <li><a href="#">deneme</a></li>
                <li><a href="#">deneme</a></li>
                <li><a href="#">deneme</a></li>
           </ul>
        </li>
        <li><a href="#">deneme</a></li>
        <li><a href="#">deneme</a></li>
    </ul>
</nav>

并为此编写适当的jquery。

Jquery水平下拉菜单？

1 个答案: