1、页面
<div class="w680b">
<div class="search-box">
<ul class="select-search" id="J_SiteSearchTab">
<li id="one2" class="selected" onClick="setTab('one',2,4)"><a href="#" >企业</a></li>
<li id="one0" onClick="setTab('one',0,4)"><a href="#" >供应</a></li>
<li id="one1" onClick="setTab('one',1,4)"><a href="#" >求购</a></li>
<li id="one4" onClick="setTab('one',4,4)"><a href="#" >展会</a></li>
<li class="last" id="one3" onClick="setTab('one',3,4)"><a href="#" >资讯</a></li>
</ul>
<div class="search-form">
<span class="search-q">
<input autocomplete="off" accesskey="s" name="key" id="key"/>
<input value="2" type="hidden" name="info_type" id="info_type"/>
</span>
<button id="DoSearch" type="submit" οnclick="subSearch()"> 搜 索 </button>
</div>
<div class="select-more"><span style="font-weight:bold; color:#FF6600" id="default_city">合肥</span><span style="CURSOR: pointer;font-weight:bold" οnclick="ChangeCity(this)">(切换城市)</span></div>
</div>
</div>
<div class="clear"></div>
<DIV class=hang3>
<!--城市选择-->
<SCRIPT language=javascript type=text/javascript>
function ChangeCity(obj)
{
if(obj)
{
var pos=$(obj).offset();
$("#popwindow").css("top",pos.top+15);
if($.browser.msie)
$("#popwindow").css("left",pos.left-50);
else
$("#popwindow").css("left",pos.left-50);
}
$("#popwindow").slideToggle();
}
function ChangeCityName(cityname){
$("#default_city").html(cityname);
ChangeCity();
}
</SCRIPT>
<DIV style="Z-INDEX: 9999; POSITION: absolute; DISPLAY: none"
id=popwindow>
<TABLE class=table1 border=0 cellSpacing=0 cellPadding=0 width=195>
<TBODY>
<TR>
<TD class=bg_city height=24 width=150 align=left>
<SPAN class=font_city>城市选择</SPAN>
</TD>
<TD class=bg_city width=45>
<A href="javascript:ChangeCity();">[关闭]</A>
</TD>
</TR>
<TR>
<TD colSpan=2>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=195
align=center>
<TBODY>
<TR>
<TD height=40 colSpan=5 align=left>
<SPAN class=xx></SPAN><SPAN class=font_sheng>安徽省</SPAN>
</TD>
</TR>
<TR>
<TD style="HEIGHT: 18px" width=74 align=left>
<A id=ChangeCity1_lbtnChangeCity
href="javascript:__doPostBack('ChangeCity1$lbtnChangeCity','')">合肥</A>
</TD>
<TD style="HEIGHT: 18px" width=74 align=left>
<A id=ChangeCity1_LinkButton1
href="javascript:ChangeCityName('芜湖')">芜湖</A>
</TD>
<TD style="HEIGHT: 18px" width=74 align=left>
<A id=ChangeCity1_LinkButton2
href="javascript:ChangeCityName('蚌埠')">蚌埠</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton5
href="javascript:ChangeCityName('淮北')">淮北</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton6
href="javascript:ChangeCityName('铜陵')">铜陵</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton7
href="javascript:ChangeCityName('安庆')">安庆</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton10
href="javascript:ChangeCityName('阜阳')">阜阳</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton11
href="javascript:ChangeCityName('宿州')">宿州</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton12
href="javascript:ChangeCityName('巢湖')">巢湖</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton3
href="javascript:ChangeCityName('淮南')">淮南</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton4
href="javascript:ChangeCityName('马鞍山')">马鞍山</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton8
href="javascript:ChangeCityName('黄山')">黄山</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton9
href="javascript:ChangeCityName('滁州')">滁州</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton13
href="javascript:ChangeCityName('六安')">六安</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton14
href="javascript:ChangeCityName('亳州')">亳州</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton15
href="javascript:ChangeCityName('池州')">池州</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton16
href="javascript:ChangeCityName('宣城')">宣城</A>
</TD>
<TD align=left></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<!--城市选择-->
</DIV>
2、comm.css
.table1 A {
LINE-HEIGHT: 26px; COLOR: #003399; TEXT-DECORATION: underline
}
.table1 A:hover {
COLOR: #900; TEXT-DECORATION: underline
}
.font_city {
FONT-FAMILY: "宋体"; COLOR: #003399; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.font_shi {
COLOR: #ff5500
}
.font_sheng {
TEXT-ALIGN: left; WIDTH: 500px; COLOR: #003399; FONT-SIZE: 14px
}
.xx {
WIDTH: 11px; DISPLAY: block; BACKGROUND: url(../images/close_win.gif) no-repeat; FLOAT: left; HEIGHT: 11px
}
.table1 {
BORDER-BOTTOM: #aad2ee 1px solid; BORDER-LEFT: #aad2ee 1px solid; BACKGROUND-COLOR: #fff; MARGIN: 0px auto; WIDTH: 195px; HEIGHT: auto; BORDER-TOP: #aad2ee 1px solid; BORDER-RIGHT: #aad2ee 1px solid
}
.table1 TD {
PADDING-LEFT: 10px
}