Css 如何让一个小的div条在鼠标上方的菜单上向下滑动

我想在soundcloud、youtube、gmail上做一个简单的向下滑动的div条 它在一些非常好的网站中使用，带有下拉菜单，我想知道如果需要的话如何使用css甚至jquery。我还不能发布图片，因为我还没有足够的声誉

看看这个，它肯定会对你有所帮助

<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部分位于

谢谢。这是一份很棒的菜单，但不是我想要的。也许我应该更具体地回答我的问题。我真正想知道的是如何让示例左侧的橙色小东西滑到鼠标上。是的，也许这是你需要问的另一个问题。我的回答回答了你的问题好的，谢谢，我想我得问另一个问题。