<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#menu { font-size:15px; font-weight:bold; color:#8e8e8e;}
#menu ul { background:#ececec; height:30px; list-style-type:none;}
#menu li { float:left;}
#menu li a{ color:#666666; width:100px; display:block; line-height:30px; text-align:center; text-decoration:none;}
#menu li a:hover{ background-color:Aqua; color:#000000;}
#menu li ul{ background:#0e0e0e; border:2px solid #0079b2; height:auto; position:absolute;
display:none; width:100px; z-index:200;}
#menu li:hover ul{ display:block;}
#menu li li{ display:block; float:none; width:100px;}
#menu li ul a{ display:block; font-size:12px; text-align:center;}
#menu li ul a:hover{ background:#949494; color:#000000;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">新闻</a>
<ul>
<li><a href="#">AAAAA</a></li>
<li><a href="#">BBBBB</a></li>
<li><a href="#">CCCCC</a></li>
</ul>
</li>
<li><a href="#">促销</a>
<ul>
<li><a href="#">DDDDDD</a></li>
<li><a href="#">EEEEEE</a></li>
<li><a href="#">FFFFFF</a></li>
</ul>
</li>
<li><a href="#">百货</a></li>
</ul>
</div>
</body>
</html>
下拉导航菜单+垂直显示二级自菜单
5星 · 超过95%的资源 需积分: 50 178 浏览量
2011-10-25
17:16:21
上传
评论 1
收藏 916B RAR 举报
huanhuan_123
- 粉丝: 3
- 资源: 52