下拉菜单

<style>
#DivCityFrame{ position: relative; z-index:20; }
#DivCity { position:absolute; top:15px; left:15px; width:200px; }
#DivCity { background:white; border:1px solid red; z-index:100; display:none;}
</style>

<div style="height:30px; background-color:#5507AA;"></div>
<table>
<tr>
<td width="300"></td>
<td>

<div id="DivCityFrame">
<span οnmοuseοver="ShowDivCity();" οnmοuseοut="HiddenDivCity();">显示城市</span>
<div id="DivCity" οnmοuseοver="ShowDivCity();" οnmοuseοut="HiddenDivCity();">
<ul><li>a</li><li>b</li><li>c</li><li>d</li></ul>
</div>

</td>
</tr>
</table>
<div style="height:30px; background-color:#5507AA;"></div>

<script>
function ShowDivCity()
{
document.getElementById("DivCity").style.display= "block";
}

function HiddenDivCity()
{
document.getElementById("DivCity").style.display = "none";
}
</script>