测试代码：主要城市切换

<!--城市切换 -->
<style type="text/css">
#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
/ O# J9 S3 d: z#warpper{ position: relative; z-index:1000000; margin-top:20px;}
& f8 W/ i# F, }3 q#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
9 J* `% z" l2 c$ {, i" P$ |# D) a( U, }#city a{ cursor:pointer; color:#666}
( b" F- M; o8 _5 v" G4 c# g#city dl{ height:18px; line-height:18px; padding:0 10px;}
#city dt,.normal{ float:left; padding:0 10px 0 0 ; border-right:0px solid #ccc; text-decoration:none; width:auto; cursor:pointer; color:#FF3300; font-weight:bold;}
$ k  y3 e4 e: ?8 M#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
0 k5 J) g& d, o' t4 d# J4 j3 a, d#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
; p# q- x+ i4 z4 }9 ]  D8 K' t+ k9 M#city dl dd{ position:absolute; width:160px; left:0;top:20px!important; border:1px solid #bbb; background:#fff; filter:progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, color=#cccccc); padding:3px 0;}
.block{ display:block;}
.none{ display:none;}
, \0 k: }. t" d$ I, |  l* y</style>
<script language="javascript">
function $(str){ return document.getElementById(str);}
; |- D# J/ R4 {" |9 p( A0 ffunction $$(str){ return document.getElementsByTagName(str);}
7 k1 P% E& D9 t, q' A! c# J2 nvar timer;
function changeMenu(thisObj,num){
if(thisObj.className=="over") return false;
/ J3 w1 Y" X" ^0 Vhids(thisObj);
thisObj.className="over";
6 E$ {, H9 |9 y1 F6 L/ A$("c"+(num+1)).className="block";

$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
. J+ a8 {" }% N- q3 U6 U, JthisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}

}
function hids(thisObj){
$ y$ Y8 A! a$ |) yclearTimeout(timer);
" M7 T* `( C# m; Z6 a7 G* }0 Svar tabObj=thisObj.parentNode.getAttribute("id");
var obj_dt=$(tabObj).getElementsByTagName("dt");
for(var i=0;i<obj_dt.length;i++){
obj_dt.className="normal";
! [$ R' H* P/ q$("c"+(i+1)).className="none";
}
3 d0 K' r3 z; h2 A}
( b- Y- Y( ~6 u6 x</script>
<div id="city">
: [5 e: K( u7 a# [5 H7 v, }' K* O<dl id="warpper">
<dt>[北美主要城市]</dt>
<dd id="c1" class="none">
6 E8 l4 i9 V* G, X5 h* Y! q8 J<ul>
) q0 Q1 n" K+ H2 x! H9 f<li><a href="xxx.html">洛杉矶</a> <a href="xxx.html">尔湾</a> <a href="xxx.html">旧金山</a> <a href="xxx.html">圣地亚哥</a> <a href="xxx.html">圣何塞</a> <a href="xxx.html">西雅图</a> <a href="xxx-1.html">纽约</a> <a href="xxx-1.html">波特兰</a> <a href="xxxx.html">奥兰多</a> <a href="xxxx.html">波士顿</a> <a href="xxxx.html">温哥华</a> <a href="xxxx.html">多伦多</a> <a href="xxxx.html">卡尔加里</a> <a href="xxxx.html">蒙特利尔</a>
$ R8 q2 I8 t; ^7 \  w</li>
</ul>
7 C' C: N2 G% K/ k1 n+ ]: Y9 n* m+ o# K3 k</dd>
</dl>
- F( q% i: Y* V# N+ h
</div>
<!--城市切换_结束-->


) p( m- x5 u. @3 V1 w- Y  j

转载请保留当前帖子的链接：https://www.beimeilife.com/thread-30675-1-1.html 谢谢

看到测试结果了。

http://beimeilife.duckdns.org/forum.php?mod=redirect&goto=findpost&pid=55897&ptid=30675
  T0 K% R$ K0 V看到测试结果了。

各个城市的地产交易查询，可以上线了吗？