html 多分级下拉菜单,很实用的 轻量纯css多级下拉菜单

代码中还没有添加注释，不过不难理解。注释稍后添加。

以下是代码：

复制代码代码如下:

无标题文档

body {

font-family:"宋体";

font-size:12px;

}

.menu {

height:30px;

background:#e6e6e6;

margin-left:10px;

}

.menu a {

text-decoration:none;

}

ul {

margin:0;

padding:0;

}

.menu li {

list-style:none;

float:left;

width:90px;

overflow:visible;

cursor:pointer;

}

ul.level0 {

height:30px;

overflow:visible;

}

ul.level1, ul.level2, ul.level3 {

width:90px;

display:none;

}

ul.level2, ul.level3 {

margin:-28px 0 0 90px;

}

ul.level0 > li {

height:30px;

line-height:30px;

tex