jquery实现城市切换

1、页面

?

<div id="J_SiteSearchTab">
??????????????????? <li? id="one2" >企业</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 onClick="setTab('one',3,4)"><a href="#" >资讯</a></li>
??????????????? </ul>
??????????????? <div accesskey="s" name="key" id="key"/>
??????????????????????? <input value="2" type="hidden" name="info_type" id="info_type"/>
??????????????????? </span>
??????????????????? <button id="DoSearch" type="submit" onclick="subSearch()"> 搜 索 </button>
??????????????? </div>
????<div id="default_city">合肥</span><span style="CURSOR: pointer;font-weight:bold" onclick="ChangeCity(this)">（切换城市）</span></div>
???
??????? </div>
</div>
<div 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
}

?