html5中实现简单下拉列表,JavaScript实现非常简单实用的下拉菜单效果

本文实例讲述了JavaScript实现非常简单实用的下拉菜单效果。分享给大家供大家参考。具体如下：

这是一款实用的JS下拉菜单，鼠标移上菜单就显示出二级菜单，是从其它网站上整理下来的，修改花了不少时间，现在去除了一些无用代码，更简洁了，而且代码兼容性似乎也表现不错，这款两级下拉菜单，基本是由CSS和JavaScript共同实现的，真的挺简洁实用。

运行效果截图如下：

在线演示地址如下：

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

JavaScript下拉菜单

* {

padding:0;

margin:0;

}

body {

font-family:verdana, sans-serif;

font-size:14px; background-color:#000;

}

#navigation, #navigation li ul {

list-style-type:none;

}

#navigation {

}

#navigation li {