<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Generator" content="editplus" />
<meta name="Author" content="zeze" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>三级dropdown弹出菜单</title>
<style type="text/css">
#menu {font-family: arial, sans-serif; width:670px; position:relative; margin:0; font-size:14px; margin:50px 0;}
#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; color:#000; background-color:#999999; width:100PX; height:35PX; text-align:center; color:#fff; padding:5px 5px; overflow:hidden;}
#menu ul {padding:0; margin:0;list-style-type: none; }
#menu ul li {float:left; margin-right:1px; position:relative;}
#menu ul li ul {display: none;}
#menu ul li:hover a {color:#fff; background:green;}
#menu ul li:hover ul {display:block; position:absolute; top:35px; padding:12px 0px; left:0; width:105px;}
#menu ul li:hover ul li a.hide {background:#6a3;}
#menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#menu ul li:hover ul li ul {display: none; }
#menu ul li:hover ul li a {display:block; background:#ddd;height:20px; color:#000;}
#menu ul li:hover ul li a:hover {background-color:red; height:20px; color:#000;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:-110px; top:-10px;}
#menu ul li:hover ul li:hover ul.left {left:-110px;}
</style>
</head>
<body>
<div id="menu" class="menu">
<ul>
<li><a href="index.aspx">首页<br />
HOME</a></li>
<li><a href="guard.aspx">博物馆风采<br />
CANTONESE</a>
<ul>
<li><a href="mien.html">越秀区博物馆</a></li>
<li><a href="../menu/nodots.html" >五仙观</a></li>
<li><a href="../menu/hover_click.html">万木草堂</a></li>
<li><a href="../menu/hover_click.html">东平大押</a></li>
</ul>
</li>
<li><a href="splendid.aspx">越秀越精彩<br />
PASSPORT</a>
<ul>
<li><a href="news.aspx">新闻动态</a></li>
<li><a href="../menu/nodots.html" >杂志期刊</a></li>
<li><a href="../menu/hover_click.html">活动中心</a></li>
<li><a href="../menu/hover_click.html">展览信息</a></li>
</ul>
</li>
<li><a href="cultural_heritage.aspx">广府文化遗产<br />
FESTIVALS</a>
<ul>
<li><a href="cultural_heritage.html">民俗文化</a></li>
<li><a href="cultural_heritage.html">名人堂</a></li>
<li><a href="cultural_heritage.html">文物巡礼</a></li>
</ul>
</li>
<li><a href="cultural_heritage.aspx">五羊论坛<br />
FESTIVALS</a>
</li>
<li><a href="cultural_heritage.aspx">体验吧<br />
EVENTS</a>
<ul>
<li><a href="cultural_heritage.html">博物小游戏</a></li>
<li><a href="cultural_heritage.html">越秀一日游</a></li>
<li><a href="cultural_heritage.html">志愿专区</a>
<ul>
<li><a href="cultural_heritage.html">博物小游戏</a></li>
<li><a href="cultural_heritage.html">越秀一日游</a></li>
<li><a href="cultural_heritage.html">志愿专区</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>