div下拉 选着地区

div下拉

<SPAN style="POSITION: relative">
                        <A οnmοuseοver="document.getElementById('city_box').style.display='block';" οnmοuseοut="document.getElementById('city_box').style.display='none';"  href="#">33333333333</A> 
                        <DIV id="city_box" οnmοuseοver="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;" οnmοuseοut="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>

转载于:https://www.cnblogs.com/cqsar/articles/1404510.html