简单的 jQuery 下拉菜单

已经有许多下拉菜单。我并不是要重新发明轮子，但我希望尝试一些不同的事情，通过使下拉菜单尽可能简单来实现。代码非常精简，样式也很少，但仍然具有所有典型需要的功能。以下是功能

• 跨浏览器兼容（即使是 IE 6）
• 多级且保留“路径”
• 非常少的样式（易于调整）
• 非常少的 JavaScript（一小段 jQuery）

 

查看演示   下载文件

 

我认为结果还不错。我的所有测试都表明它们运行良好。如果您发现任何问题，请告诉我，我们可以尝试解决它们。IE 只需要进行一次 CSS 调整，即对子菜单列表项使用内联块来防止 IE 喜欢的奇怪间距伪线断裂。

每个“级别”在 CSS 文件中都有明确的标记，因此识别各个部分并应用您自己的自定义样式应该相当容易。

hoverIntent

演示和下载包含两个“版本”，一个带有 hoverIntent，另一个没有。我无法决定喜欢哪个，所以就都留下了。一方面，hoverIntent 很好，因为它可以防止你在快速鼠标悬停时打开菜单（例如，鼠标只是碰巧经过菜单，但你显然没有打算此时使用菜单）。另一方面，它会让菜单感觉有点迟钝。