4

我已经建立了一个简单的下拉菜单。
代码和演示在这里:http: //jsfiddle.net/3Lq2d/5/
它看起来像这样:
菜单

鼠标悬停在s中MENU 1消失。Submenu

它工作得很好,除非你碰巧是一个垃圾并且在菜单上晃动你的鼠标,在这种情况下它会卡在半透明状态。

使用.stop(true,true)修复了 spaz 问题,但删除了将鼠标从菜单向下移到子菜单的能力。我正在使用淡入/淡出来稍微延迟,所以当鼠标从菜单移动到子菜单时,子菜单保持可见...... stop(true,true) 打破了这一点。

在所有正确的地方建立一个带有轻微延迟的淡入淡出菜单的最佳方法是什么?


更新:

我修补直到完全满意,增加了悬停意图的延迟......这是最终代码:http: //jsfiddle.net/3Lq2d/75/

4

1 回答 1

1

删除两者return false;,我相信这是你的问题。http://jsfiddle.net/3Lq2d/3/

另外,我建议您为此使用无序列表而不是 div,这更有意义,并且可以减少您的麻烦。

看看我不久前写的这个教程http://www.onextrapixel.com/2011/06/03/how-to-create-a-horizo ​​ntal-dropdown-menu-with-html-css-and-jquery /

于 2012-02-04T04:01:04.937 回答