马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?注册
x
<!--城市切换 --> p5 F& w- o7 X' `" L
<style type="text/css"> ) g* n3 j* y* d6 ?3 r
#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
, W, a% ]: X1 f6 N/ m, e#warpper{ position: relative; z-index:1000000; margin-top:20px;}
! h: I0 B& D% y#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
0 p9 ~9 z3 y% f#city a{ cursor:pointer; color:#666}
$ U( E4 }3 g8 T; W3 P#city dl{ height:18px; line-height:18px; padding:0 10px;}
- ~7 @' Y# g, w0 c' C- |- F#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 q- X& Y' X! P#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
2 r+ g4 s! H. R8 X7 B#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
7 \4 G, Z8 N8 \& I# `#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
+ y9 ?% i3 |+ |2 D#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;} l/ H& [5 u3 n$ C6 `: l
.block{ display:block;}
; Y( l. O3 G' A! Z c# M- y2 p" C.none{ display:none;}
% f! H, d3 U5 v' K. }' H- }</style>. \, {) D, l& V2 {* T2 y: r
<script language="javascript">
, H: V6 W4 E! U+ Dfunction $(str){ return document.getElementById(str);}9 s. ]6 t" \' q _# \
function $$(str){ return document.getElementsByTagName(str);}6 l/ G! o& A; l$ W
var timer;& Q4 p7 H( T5 i1 o5 W
function changeMenu(thisObj,num){$ Y6 D, v" D3 x
if(thisObj.className=="over") return false;
- {8 y- ]6 d+ J! I* O: p2 m7 w- Nhids(thisObj);1 U1 l) D; z5 K( l" s: g9 w0 O
thisObj.className="over";
0 J4 O# V7 W/ h$ ?4 o$ a8 I1 ^) k" u$("c"+(num+1)).className="block";. A: t1 T, A% v4 F. C1 D: A8 A, \
/ J, O+ G$ H5 b+ \ M' E7 I$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}. k: m8 Q0 u! E. K9 x
$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
+ j8 e2 x' {. r! h/ ?9 R1 d5 CthisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
: p, l4 q: U) k& ?# ~) @2 ?
9 J& _1 e2 k3 s}
% S$ _1 o j5 z& }2 f4 Nfunction hids(thisObj){/ m3 G: z- K9 j2 o0 W* {6 V: T V
clearTimeout(timer);
( p. T; r. x6 D3 l, R& j* n; L" xvar tabObj=thisObj.parentNode.getAttribute("id");
3 ~ ]' S1 @# M' ^2 _var obj_dt=$(tabObj).getElementsByTagName("dt");" B% \0 A4 b. a
for(var i=0;i<obj_dt.length;i++){9 z# I7 E) U$ w
obj_dt.className="normal";
- v, A' u4 d- G' C4 {2 p$("c"+(i+1)).className="none";+ b) g1 Q! m1 j5 w4 S. F6 P- O" c) R
}7 y. U4 a# t, j
}
6 ~& ]7 b/ S) `: K3 f9 I</script>8 t3 M3 C" ^/ @: s. y
<div id="city">
/ `9 q3 V4 N/ c# \<dl id="warpper">, M2 W% Q2 h9 @0 L% Y+ p& E
<dt>[北美主要城市]</dt>
" E6 ]& s; r/ r8 A<dd id="c1" class="none"> Q& P$ W6 w6 N0 h2 H
<ul>
: f7 G+ W! T. Z) n<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>; v4 K0 @: K% {4 I# \
</li>
' @1 h+ ]5 q1 C) Z9 k# h! E8 j4 P- r2 |5 w</ul>/ R. A) W0 k" ^: K1 l& K, S1 _8 D
</dd>8 n9 r( H$ X- i
</dl>
! G9 t5 E P0 m0 g/ _7 m. m
* o9 x6 A y G0 x+ z</div>
8 }7 ?2 B2 I+ z# B+ v8 ~6 Q- d<!--城市切换_结束-->/ I: ]) B2 H9 g
* l2 n% O$ z/ S2 I) {
5 Z# ^; l, w, J7 {( I, R
转载请保留当前帖子的链接:https://www.beimeilife.com/thread-30675-1-1.html 谢谢 |