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

Question

我想要一个简单的向下滑动 div-bar，比如 soundcloud、youtube、gmail

它用于一些带有菜单下拉菜单的非常好的网站，如果需要，我想知道如何使用 css 甚至 jquery 来做到这一点。我还不能发布图片，因为我还没有足够的声誉......这是 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中