Question

我正在处理带子菜单的水平菜单。我在菜单上使用了jQuery来启用下拉功能，目前工作正常。

但是，由于设计原因，水平菜单和垂直子菜单之间存在小的差距。所以当你将鼠标悬停在子菜单上时，你会徘徊，这会导致子菜单在逻辑上消失。

但是我需要保留这个子菜单。有什么想法吗？

自己查看@ [删除网址。解决方案已提供]

非常感谢提前。

Answer 1

在css中

更改

#Menu ul ul {
    display: none;
    position: absolute;
    top: 40px;
}

到

#Menu ul ul {
        display: none;
        position: absolute;
        padding-top: 40px;
    }

Answer 2

假设介于两者之间的间隙是一个设计选择，请使用hoverIntent插件，这样一旦鼠标离开菜单，菜单就不会被告知消失。相反，有一个指定的余地时间，用户可以在菜单消失之前离开菜单。

您还有动画队列问题。为了防止它使用this technique。

Answer 3

您可以使用边距或填充在css中添加间隙。

无论如何，这是一个很好的链接，你可以做一个菜单：