Javascript 最佳实践问题：具有子div和备用页面状态的现代菜单

你好！我对您关于使用现代方法（jQuery？）处理网站菜单系统的最佳实践的反馈很感兴趣

旧方法（目前已到位）：

正如您所看到的，每个导航链接显示和隐藏基于mouseover的各种div（子菜单）。站点中的每个页面必须具有不同的初始子菜单/DIV状态，因此我有额外的onmouseover触发器连接到各个DIV，因此，如果访问者将鼠标移动到页面的其他部分，原始菜单状态为“snap”back：

<div id="leftColumn1" onmouseover="MM_showHideLayers('hotel','','hide','location','','hide','attractions','','hide','dining','','hide')">

我知道我的方法论，还有其他更好的方法/技巧来处理这个问题

总而言之，我希望：

1） 菜单系统代码的集中管理（我现在使用的是INCLUDE，我希望它是正确的） 2） 一种更好的处理鼠标盖和子菜单显示的方法。 3） 当鼠标从菜单区移开时，处理“捕捉”回效果的更好方法

---

提前感谢您的反馈！祝你今天愉快

您应该尝试使用jQuery并为每个菜单项提供一个类，而不是用onclick的负载污染标记

使用jQuery，您可以简单地使用每个菜单项的类或id，并编写鼠标盖、单击等的功能。。在jQuery函数中，它的美妙之处在于将行为与当前错误放置的语义标记分开

上的教程很容易理解，语言也很容易学习。开始通读，试一下

---

祝你好运

首先，从HTML中提取javascript代码。

<div id="leftColumn1" onmouseover="MM_showHideLayers('hotel','','hide','location','','hide','attractions','','hide','dining','','hide')">