jQuery简单的下拉菜单?

时间:2012-02-04 03:46:09

标签: jquery menu hover hoverintent

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

MENU 1 s。{/ p>中的Submenu个鼠标移除。{/ p>

效果很好,除非你恰好是一个spaz并且在菜单上摇动你的鼠标,在这种情况下它会陷入半透明状态。

使用.stop(true,true)修复了spaz问题,但删除了从菜单中鼠标按下到子菜单的功能。我使用fadeIn / fadeOut稍微延迟,所以当鼠标从菜单移动到子菜单时,子菜单保持可见... stop(true,true)打破了这个。

在所有合适的地方稍微延迟建立淡入淡出菜单的最佳方法是什么?


UPDATE:

我修改直到完全满意,为hoverintent添加延迟......这是最终代码:http://jsfiddle.net/3Lq2d/75/

1 个答案:

答案 0 :(得分:1)

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

此外,我建议您使用无序列表而不是div,它更有意义,它会让您减少头痛。

看看我刚才写的这篇教程http://www.onextrapixel.com/2011/06/03/how-to-create-a-horizontal-dropdown-menu-with-html-css-and-jquery/