下午在看《ajax权威指南》，看了多级菜单部分，想了想，觉得可以用纯CSS做一个。
用了CSS2的子对象选择符“>”和伪类“hover”，可以IE6不支持子对象选择符，除A之外的标签页不支持hover，所以无视IE6，咱们做web前端的已经被IE6害的够惨的了。
兜远了……直接上图，想要多少级就多少级。
more
demo请点击这里 , CSS代码如下：
#menuList{
}
#menuList ul,#menuList li{
margin:0;
padding:0;
list-style:none;
}
#menuList > li{
display:inline;
}
#menuList li {
position:relative;
width:80px;
}
#menuList li:hover{
background:#369;
}
#menuList li:hover > .subMenu{
display:block;
}
#menuList .subMenu{
display:none;
position:absolute;
border:1px solid #069;
left:0;
top:1em;
}
#menuList .supMenu > .subMenu{
left:80px;
top:0;
}