测试代码：主要城市切换

<!--城市切换 -->
<style type="text/css">
#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
#warpper{ position: relative; z-index:1000000; margin-top:20px;}
* ?$ D) m7 J" v" @  W* K: x#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
#city a{ cursor:pointer; color:#666}
#city dl{ height:18px; line-height:18px; padding:0 10px;}
3 `, V8 K: v9 g# E$ {4 e1 g#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;}
" i+ e. O0 U& d7 b: X) D( m#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
$ [. F+ C( ?6 }( n8 j, ^4 s  H#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
4 e) [2 d& z7 ^& ]; f#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
7 g% B% W, `4 n, W1 x3 A6 N1 j#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;}
- l! b. I6 b6 n- l- y" j.none{ display:none;}
5 y( \8 s- z. c) h  Q1 ^</style>
  }' }1 L+ x( T' }9 e1 @<script language="javascript">
function $(str){ return document.getElementById(str);}
function $$(str){ return document.getElementsByTagName(str);}
var timer;
function changeMenu(thisObj,num){
if(thisObj.className=="over") return false;
4 {9 ]  ^) h4 {/ ]7 B/ Khids(thisObj);
thisObj.className="over";
8 }; k. e  A: c0 U3 ^( g5 {! z$("c"+(num+1)).className="block";
" X/ E7 g5 \! G, r
$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}

}
function hids(thisObj){
clearTimeout(timer);
var tabObj=thisObj.parentNode.getAttribute("id");
: w: E6 f$ |/ tvar obj_dt=$(tabObj).getElementsByTagName("dt");
. h) D2 }+ n' |for(var i=0;i<obj_dt.length;i++){
& v8 s0 V4 s3 I- g( @' robj_dt.className="normal";
$("c"+(i+1)).className="none";
' |2 E3 f( M/ c4 S' h1 F}
1 g4 m& D2 h1 V}
</script>
<div id="city">
<dl id="warpper">
, ~! D# m: y1 D! `: t9 r<dt>[北美主要城市]</dt>
<dd id="c1" class="none">
<ul>
$ ~% i, m. S, e6 u- a<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>
</li>
) r1 |2 m" t1 w# Y</ul>
</dd>
</dl>
5 u) c6 I, z1 p8 E, R
</div>
  P& }2 Y+ [* ]% l4 r<!--城市切换_结束-->




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

http://beimeilife.duckdns.org/forum.php?mod=redirect&goto=findpost&pid=55897&ptid=30675
# b3 }0 F0 d8 \* D% o/ H看到测试结果了。

1 ~5 B0 _* E" a8 i+ e+ P各个城市的地产交易查询，可以上线了吗？

看到测试结果了。