纯css的下拉导航条(改用JQuery)
#nav li {
float:left;
position:relative;}
#nav li dl {
width:160px;
background:#333;
display:none;
position:absolute;
top:34px;
left:0;
}
#nav li dl dd a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
text-decoration:none;
line-height:34px;
text-indent:20px;
}
#nav li dl dd a:hover {
background:#666;
cursor: e-resize;}
#nav li:hover dl{
display:block;
}
IE6不支持,需要打IE6支持li:hover的补丁