北美网备份站

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

---

作者: admin    时间: 2016-9-15 02:09
标题: 测试代码：主要城市切换
<!--城市切换 -->
<style type="text/css">
! J, _- [  F8 q+ O5 w+ C5 |' P#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
1 d& t# I( L0 ]! H+ W1 {4 {#warpper{ position: relative; z-index:1000000; margin-top:20px;}
2 m) f1 K% ?8 Q2 j+ {#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
. v! M6 F* C, |8 v& g#city a{ cursor:pointer; color:#666}
# V. p$ z! t; I6 E- R% z#city dl{ height:18px; line-height:18px; padding:0 10px;}
' K2 k6 F( E4 Y1 {#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;}
9 x0 Q( P! i( ~/ I4 A" q#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
' B2 ~, h" A  }6 W- g3 A" G* ]' s$ o#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
4 G: d! g* A; U/ S; m#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;}
.block{ display:block;}
5 B$ w, P% c, ^. i# b2 ?0 R+ h.none{ display:none;}
% {, D/ \6 Y# K3 E" j</style>
<script language="javascript">
function $(str){ return document.getElementById(str);}
( Q2 }, h. Y! W, g5 U6 }" X* T0 xfunction $$(str){ return document.getElementsByTagName(str);}
- O, `0 x0 u9 n: a2 K; svar timer;
5 B7 y( k- q  Q/ \) u0 E3 Pfunction changeMenu(thisObj,num){
if(thisObj.className=="over") return false;
hids(thisObj);
! C. b6 M' g6 RthisObj.className="over";
$("c"+(num+1)).className="block";

( _) v6 K: @/ J$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
0 ^& Z4 H3 S* c& _$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
: c0 I; T+ z6 A- G9 M. i4 othisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
" T8 b! F9 C4 N( t1 x8 k% O
}
function hids(thisObj){
clearTimeout(timer);
/ @0 N- R. v8 c0 {& Cvar tabObj=thisObj.parentNode.getAttribute("id");
var obj_dt=$(tabObj).getElementsByTagName("dt");
( L8 h& W/ [8 v) P% p  Ufor(var i=0;i<obj_dt.length;i++){
$ W8 q8 k/ m1 \- ]5 a) pobj_dt.className="normal";
! ?" Z% r5 V# c! b" E3 s$("c"+(i+1)).className="none";
}
1 q+ _! a* K; n; V* ]}
</script>
- H. ~! w8 e6 o# V" A$ u<div id="city">
<dl id="warpper">
, g# U# U9 D! G6 T; u* K<dt>[北美主要城市]</dt>
<dd id="c1" class="none">
- k9 Z0 C& U7 q7 c* a3 {<ul>
" J* K- H8 L7 }/ [" {. ]<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>
  @, [5 X- W  }</li>
</ul>
  Y& q1 ~( O, G( g8 M</dd>
/ F* ]# \- l7 K; w3 j* ~</dl>
' H; [6 s% {; b7 M) J
6 r( |! w. G9 e) N' ]+ ~1 J( V, R</div>
<!--城市切换_结束-->

0 e" l) z+ q  p  R; R

---

作者: 北美生活网    时间: 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