本文介绍了JS实现超紧凑响应鼠标显示二级菜单的代码。分享给大家参考。具体如下：

这是两级导航菜单的简化版本。响应于鼠标动作，当鼠标被放上时，菜单被显示，这是一种常见的菜单样式。喜欢的朋友拿去修饰美化，就够了。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-simple-mouse-show-menu-codes/

具体代码如下：

Htmlheadtitle二级菜单，响应鼠标/title styletype=' text/CSS '。李；宽度： 150 px；}.mainNav li ul { display: none} li.hover ul { display: block}/style script language=' JavaScript ' type=' text/JavaScript '函数showSubLevel(Obj){ Obj . class name=' hover '；}函数HideSubLevel(Obj){ Obj . class name=' '；}/script/head dydiv class=' mainnav ' ul Li on mouseover=' show sublevel(this)' on mouseout=' hide sublevel(this)'第一级列ul lia的第二级列/li liA的第二级列/Li LiA的第二级列/Li/ul/Li lion mouseover=' show sublevel(this)' on mouseout=' hide sublevel(this)' B ul LiB的第二级列/li liB的第二级列/Li LiA/ul/Li on mouseover='