我了解一种方法可以实现导航下拉菜单：
导航下拉菜单的实现思想：在导航每一项中设置一个下拉菜单（ul）并将该ul设为隐藏。再用js给该ul的li添加mouseover和mouseout事件，使鼠标放在li上时，ul的className发生改变。而改变后的className在样式中已设置为显示。鼠标移出li时，className再改回来，就又变成隐藏的了。

在网上查资料学会的这种方法，感觉这样有点麻烦，不知道有没有效率更高的方法？

我了解一种方法可以实现导航下拉菜单：
导航下拉菜单的实现思想：在导航每一项中设置一个下拉菜单（ul）并将该ul设为隐藏。再用js给该ul的li添加mouseover和mouseout事件，使鼠标放在li上时，ul的className发生改变。而改变后的className在样式中已设置为显示。鼠标移出li时，className再改回来，就又变成隐藏的了。

在网上查资料学会的这种方法，感觉这样有点麻烦，不知道有没有效率更高的方法？