北美网备份站

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

---

作者: admin    时间: 2016-9-15 02:09
标题: 测试代码：主要城市切换
<!--城市切换 -->
1 p' X# U5 ^1 u  b' J<style type="text/css">
: Y4 X/ @! s5 m+ x5 e, P7 j' H#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
0 z- Q% _! V% W3 v$ {2 B8 F0 z; J#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}
; S( m3 C) V" `. ^#city dl{ height:18px; line-height:18px; padding:0 10px;}
4 d1 I8 R$ n# q1 |% @2 Q#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;}
5 T- t+ c' a* }#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
9 ]* R% ^( F3 n# r1 x* u/ J#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 }
+ w* ]0 T" q- l" K$ y#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;}
% H4 j) s+ l( O( ~* k.none{ display:none;}
/ m6 G" h7 e9 ?4 [! ?+ t! r</style>
<script language="javascript">
6 I- s9 G# c5 k8 }4 `! A2 A% xfunction $(str){ return document.getElementById(str);}
$ Y* Q& q. @! Y' Y# ?  I$ L) tfunction $$(str){ return document.getElementsByTagName(str);}
var timer;
6 ^5 _, ^! ~. a$ afunction changeMenu(thisObj,num){
if(thisObj.className=="over") return false;
hids(thisObj);
+ ~) L. d% E3 x/ l5 y7 }# uthisObj.className="over";
# t% w! k$ o+ S+ r  ]$("c"+(num+1)).className="block";

8 C- s# ~% w3 c4 Y% W( T$("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)}
) }8 e7 Y6 n" O( P) O: K5 J
5 F3 `* e8 v$ L, f5 G& X& J4 a; C}
function hids(thisObj){
, @  u. V/ d, Q1 }% ]clearTimeout(timer);
9 v+ p/ c& ]4 J) v/ uvar tabObj=thisObj.parentNode.getAttribute("id");
var obj_dt=$(tabObj).getElementsByTagName("dt");
0 |7 C5 @7 C/ mfor(var i=0;i<obj_dt.length;i++){
' Q  I+ w" \: ]6 Q7 O7 robj_dt.className="normal";
$("c"+(i+1)).className="none";
}
% W6 B! Y. _/ v8 B}
8 k: J& i7 @+ ~</script>
; a! t' v: D; v) U4 U" W5 q" a  Y<div id="city">
<dl id="warpper">
<dt>[北美主要城市]</dt>
/ I  C& L& O, D* H- E* Y<dd id="c1" class="none">
3 y- X7 ]7 Y: j0 x! c7 D( |<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>
" V- ~2 \$ T) z2 T  M" S% L</li>
7 i( C" m% k% a" U/ ~</ul>
1 }6 Y: C7 }  H- q0 e/ d! f</dd>
3 M' o% Y! ]8 t" c/ l, g</dl>

</div>
<!--城市切换_结束-->
( f) |' A% U' g3 b$ t

& D9 y* f8 ~0 E8 m" Y8 h. n  s

---

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

---

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

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

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

---

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

Powered by Discuz! X3.2