div下拉
<SPAN style="POSITION: relative">
<A onmouseover="document.getElementById('city_box').style.display='block';" onmouseout="document.getElementById('city_box').style.display='none';" href="#">33333333333</A>
<DIV id="city_box" onmouseover="document.getElementById('city_box').style.display='block';" style="DISPLAY: none; Z-INDEX: 20; LEFT: -8px; POSITION: absolute; TOP: 14px;BORDER-RIGHT: #ffbd8c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffbd8c 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fffff7; FILTER: Alpha(Opacity=90, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0); PADDING-BOTTOM: 5px; BORDER-LEFT: #ffbd8c 1px solid; WIDTH: 305px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffbd8c 1px solid;" onmouseout="document.getElementById('city_box').style.display='none';">
<UL style="FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 4px 8px; WIDTH: 300px; COLOR: #333333; LINE-HEIGHT: 130%; LIST-STYLE-TYPE: none; TEXT-DECORATION: none">
<LI style='FLOAT: left; WIDTH: 60px; LIST-STYLE-TYPE: none'><A href='/index.aspx?CityName=北京'>北京</A></LI>
<LI style='FLOAT: left; WIDTH: 60px; LIST-STYLE-TYPE: none'><A href='/index.aspx?CityName=广东'>广东</A></LI>
<LI style='FLOAT: left; WIDTH: 60px; LIST-STYLE-TYPE: none'><A href='/index.aspx?CityName=江苏'>江苏</A></LI>
<LI style='FLOAT: left; WIDTH: 60px; LIST-STYLE-TYPE: none'><A href='/index.aspx?CityName=上海'>上海</A></LI>
<LI style='FLOAT: left; WIDTH: 60px; LIST-STYLE-TYPE: none'><A href='/index.aspx?CityName=四川'>四川</A></LI>
<LI style='FLOAT: left; WIDTH: 60px; LIST-STYLE-TYPE: none'><A href='/index.aspx?CityName=重庆'>重庆</A></LI>
</UL>
</DIV>
</SPAN>