北美网备份站

标题: 测试代码：主要城市切换 [打印本页]

---

作者: admin    时间: 2016-9-15 02:09
标题: 测试代码：主要城市切换
<!--城市切换 -->
<style type="text/css">
  D+ V0 ?/ m# X0 b#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
# Z0 i4 P1 |! n0 z" M) m; ^9 M- O#warpper{ position: relative; z-index:1000000; margin-top:20px;}
#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
#city a{ cursor:pointer; color:#666}
# W2 g0 p8 B3 i7 d#city dl{ height:18px; line-height:18px; padding:0 10px;}
: T$ A8 b: F3 E, h8 w#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;}
#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
  x5 o: x& a2 `% n#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
4 r' g- u2 b" s7 _#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
#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;}
0 ?& Q! G3 W( P: ^; O2 Q" _" d9 G.block{ display:block;}
.none{ display:none;}
</style>
) e& a- N5 m% Q$ ~' G<script language="javascript">
7 n$ }' _/ k( q3 @7 zfunction $(str){ return document.getElementById(str);}
! I3 K' J7 v4 Q4 o/ c6 B! n* tfunction $$(str){ return document.getElementsByTagName(str);}
var timer;
function changeMenu(thisObj,num){
' s+ u, U1 U% U" `% Dif(thisObj.className=="over") return false;
hids(thisObj);
- U" I; `. ?# N8 _4 JthisObj.className="over";
! V/ c2 L' P$ I' K7 X$("c"+(num+1)).className="block";

$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
/ C: M1 l: n+ \' w: P4 O, A  _thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}

}
+ P' ^& b1 Z' y( B9 Dfunction hids(thisObj){
* T) k* y8 \# G  H' u# O$ ^& u+ wclearTimeout(timer);
var tabObj=thisObj.parentNode.getAttribute("id");
var obj_dt=$(tabObj).getElementsByTagName("dt");
. K; I' k8 S8 }( xfor(var i=0;i<obj_dt.length;i++){
obj_dt.className="normal";
+ `8 D) a& S/ s; Y  y$("c"+(i+1)).className="none";
}
}
</script>
( M2 ]3 X8 c) S0 H7 {7 J<div id="city">
<dl id="warpper">
<dt>[北美主要城市]</dt>
' l/ o0 A2 n% K3 i7 a) g/ F/ _) S3 z<dd id="c1" class="none">
<ul>
<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>
. N( q8 ^* i# E8 v  y; m( V: ?</ul>
/ H" j7 P" Q: X% X! Y</dd>
' |6 V+ w5 p! ~( Y3 h- D</dl>

0 W+ W8 [. c$ q8 o# M8 O) f</div>
! M: [: K* ^5 f" _1 ^! n' H<!--城市切换_结束-->


3 _! p, }. t6 o1 H9 x/ y8 l

---

作者: 北美生活网    时间: 2016-9-15 11:45
看到测试结果了。

---

作者: 蜻蜓点水    时间: 2016-9-16 12:14

http://beimeilife.duckdns.org/forum.php?mod=redirect&goto=findpost&pid=55897&ptid=30675
) b# `" G# [+ I3 o/ v& X/ N看到测试结果了。

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

---

欢迎光临 北美网备份站 (http://beimeilife.duckdns.org/)

Powered by Discuz! X3.2