马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?注册
x
<!--城市切换 -->0 U7 O1 W0 v7 \7 x4 P" X' T" ]: J
<style type="text/css">
# n# e- L% U2 @( F" q#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
, T1 J4 w( y7 S/ V#warpper{ position: relative; z-index:1000000; margin-top:20px;}
. |: {5 g+ ^8 I! v#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}- y1 v5 p/ H* u+ l& H0 P' c! P
#city a{ cursor:pointer; color:#666}5 p: O& p7 C3 e, a
#city dl{ height:18px; line-height:18px; padding:0 10px;}) u# G- g1 A/ F9 g% q, ^7 ^2 Z$ b
#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;}; W. {! O. R0 c
#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }! i) a0 g8 T E. l6 Q1 E& |2 P: \9 ]8 Y
#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}! Z A. ~- p @/ F3 D2 ]
#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }/ |/ K0 K- n; I0 Y4 T( 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;}
3 x" \. G8 j9 x n/ p.block{ display:block;}
4 {4 _8 e$ c$ x4 q# Z' U" ?, P' _.none{ display:none;}# C, F0 ~, J4 _. V
</style>0 R% S% M/ K5 D; s
<script language="javascript"> 6 h* R& F0 g( Z- K
function $(str){ return document.getElementById(str);}
* L. T$ P& k. t% O( \, Ofunction $$(str){ return document.getElementsByTagName(str);}! w. Z% w( Q" ]
var timer;
: W8 G% Z: c' Q" ~- B7 S: Rfunction changeMenu(thisObj,num){4 V N; w( k% k2 z6 A) d/ Z
if(thisObj.className=="over") return false;
4 T4 j m( {# S0 K/ C' y& W5 G6 d. `hids(thisObj);
8 |' m" W0 F( S6 T) }- i$ u/ jthisObj.className="over";' W) t1 U) R2 Z5 E; L3 z! W' N
$("c"+(num+1)).className="block";
" o6 L7 }2 L. @4 O. x2 S" d9 Z9 T/ z& T
$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}' z- v1 E& T- [9 i2 b9 L& o
$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
9 [/ A& V+ d3 J; W U$ v* K1 }thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}! k6 d; _( w* M4 T, Z/ b
/ e) q8 q+ H$ g8 t; P( Z/ w}
( M$ @* a* C/ t: x. E# s& E9 ~/ \function hids(thisObj){
: ]4 A! T8 g! Z/ i" L- ~clearTimeout(timer);
( I) U8 l3 |7 wvar tabObj=thisObj.parentNode.getAttribute("id");9 z3 U$ L2 Q5 e+ e$ m
var obj_dt=$(tabObj).getElementsByTagName("dt");
6 d) `$ e: R% K+ r/ Jfor(var i=0;i<obj_dt.length;i++){% \9 l) X8 C+ v& g0 x
obj_dt.className="normal";
& N- J8 d$ Y' M1 T3 u- W! [. v1 u. b$("c"+(i+1)).className="none";, w. K! x- w3 D+ Z: `
}
+ V. Z) i# H$ t) j5 d- V) ]}9 _ o. |! \7 \% A9 J P2 [" E
</script>
* l. J, {5 L! s* \1 j; x<div id="city">
1 |! f, F* Q0 q. n! y! k- ^7 v. q3 Q<dl id="warpper">
u, W* _( `. T! A8 a3 u+ n" n<dt>[北美主要城市]</dt>2 T( L+ s% K5 F$ r. V* O) [
<dd id="c1" class="none">3 R5 {! V" j5 E/ s- ]. b" J
<ul>
. G- I2 ]* o- i+ Q' y<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>8 d+ K' T4 Y' J
</li>/ H' M1 ^" Z% A4 O5 H
</ul>
) Q/ o8 c8 s6 o0 F2 F0 C1 p# h- v. O3 P</dd>
2 g( }4 m1 ~" u</dl>
1 I1 G; {; [5 [ q; A$ B6 ?% O7 C2 k- W
</div>
, q- I4 k+ j: G! V<!--城市切换_结束-->
3 \2 B" C0 V9 v# w
3 g+ Q# _1 f5 w) O: F- X% k2 J2 R4 s4 d; F$ i; I- s
转载请保留当前帖子的链接:https://www.beimeilife.com/thread-30675-1-1.html 谢谢 |