如何让一个小的div栏在鼠标悬停时滑下菜单

Question

我想要一个像soundcloud，youtube，gmail这样简单的下滑div-bar

它被用在一些非常好的网站上，带有菜单下拉菜单，我想知道如何使用css甚至jquery如果需要它。我还不能发布图片，因为我还没有足够的声望...... Here is the example on soundcloud

Answer 1

查看此 DEMO ，它确实可以为您提供帮助。

<nav id="main-nav">
    <ul id="nav-primary">
        <li><a href="#">Menu 1</a>

            <ul class="subnav">
                <li><a href="#">beans</a>
                </li>
                <li><a href="#">pork chop</a>
                </li>

            </ul>
        </li>
</nav>

css部分位于 DEMO

中