jquery - 将 CSS 垂直菜单转换为下拉菜单 - 一旦下降就无法消失

Question

我有一个要转换为下拉菜单的垂直 CSS 菜单。我为 mouseover 添加了一些 javascript 以使其下拉，但不能让它在 mouseout 时消失。

http://jsfiddle.net/hCVjK/4/

Answer 1

这是一个很难解决的问题，尤其是当您淡出而不是立即隐藏时。您需要跟踪鼠标悬停在什么地方，并考虑到当您从一个标签移动到另一个标签时，mouseenter 和 mouseleave 事件不会同时完美触发。

试试这个：http: //jsfiddle.net/cgagliardi/NPVVQ/

在 HTML 中，我删除了类别上的 onMouseOver 代码并将其移到 JS 中。

在 CSS 中，我改变了

#navigation { ... visibility: hidden }

到

#navigation { ... display: none }

除此之外，所有更改都在 javascript 中。如果您想延迟主菜单淡出所需的时间，请更改 setTimeout 调用中的 100 值。