如何实现JS二级菜单的四种不同方法？

本文共计14295个文字，预计阅读时间需要58分钟。

原文示例：本文实例讲述了JS二级菜单的不同实现方法。分享给大众提供大众参考，具体如下：+ 前面面试的时候被问过一次，后来，在笔试的时候又遇到了，为了长点记性，就决定把这个好好写写。

改写后：本文举例说明JS二级菜单的不同实现方式。供大家参考，具体包括：+ 在面试中曾被提问，笔试时又遇，为加深记忆，特此详细记录。

本文实例讲述了JS二级菜单不同实现方法。分享给大家供大家参考，具体如下：

之前面试的时候被问到过一次，后来，在笔试的时候又遇到了，为了长点记性，就决定把这个好好写写。

第一种：

第一种是采用css来控制的；主要采用float，和position,display，hover来完成的。具体看以参看后面的源代码。

第二种：

主要采用hover,和display来实现的。

第三种：

采用的是js来控制的，mouseover，mouseout来控制显示的。当然也利用了css.

第四种：

这种也是纯css的形式，主要利用display:inline-block;和vertical-align:top;来实现的。