马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?注册
x
<!--城市切换 -->: W) s7 O: Q. z" v- n' G7 U
<style type="text/css">
) X+ h9 ?, F& k9 P6 j#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
: E! r/ Q6 P5 E9 L+ ~. y/ b0 k3 ?#warpper{ position: relative; z-index:1000000; margin-top:20px;}7 i _, N0 ~. |3 J
#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}* u/ _0 W' a+ v
#city a{ cursor:pointer; color:#666}
6 d7 Y$ `9 r2 d/ n# M+ i/ C#city dl{ height:18px; line-height:18px; padding:0 10px;}' C! l2 k/ ]. h5 J; D( l- x# R7 d
#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;}
: H1 B( D- D$ k% ~. g6 q0 Z# E#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }" I5 \* ?7 J0 V. M2 R- k+ f
#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}! P$ X' N# N2 a
#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }" ~( J; X0 y: R5 ]
#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;}
5 ?# B" D' ~: U+ |% E+ [2 s4 U) w.block{ display:block;}
% B1 p+ H$ O* O3 [% r5 l# W.none{ display:none;}; L5 Y; p6 k5 C* L; d1 j" ?
</style>
^2 m& o6 @0 W3 @, d$ O1 @* U<script language="javascript"> ( p/ t5 ]! I) y& D8 n( e- [$ r) @: B/ o
function $(str){ return document.getElementById(str);}. q# {( t4 r, U$ y) v
function $$(str){ return document.getElementsByTagName(str);}+ [5 b+ c4 `' K8 R' h( _& z
var timer;
5 Z6 K) e! i3 Z% p" \) u3 @function changeMenu(thisObj,num){" R% W8 b' Y# M3 g
if(thisObj.className=="over") return false;
# P* ?0 z! q( V' g! }% thids(thisObj);
; R# D8 Z$ t" ?' ]; ^thisObj.className="over";
3 R, N- m, J! {% ]8 h7 @: z$("c"+(num+1)).className="block";% ?! J1 {/ g# F8 O3 o
8 f, }( f- t7 w. v# M, l
$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
- D- O) b! T6 f/ ?$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
9 [# X0 ]. J( d8 M0 o; ~3 V, cthisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
( N2 \ _3 t- _3 p
+ W5 u* e- G8 s}
u; |$ \& s' Ifunction hids(thisObj){+ T7 q# P9 z7 y7 r" \* F
clearTimeout(timer);
+ z& C( k, p( [* O& t. B8 @/ Dvar tabObj=thisObj.parentNode.getAttribute("id");) G. G+ X# O2 S+ A2 O
var obj_dt=$(tabObj).getElementsByTagName("dt");
9 _! j( t8 E6 j- wfor(var i=0;i<obj_dt.length;i++){
7 Y5 {) m1 }1 p2 H. v7 g0 w! Tobj_dt.className="normal";
- u( e7 j) m2 t0 t3 u$("c"+(i+1)).className="none";+ p4 K3 u5 A% X! h: m' y+ e6 I" w
}
7 S0 m/ _. y4 J" q1 P, s}
1 ? V: b& m* k3 q5 j2 I+ _; H3 y</script>* ]# B* ^% w, f0 I. }: u
<div id="city">
* U; w; K7 [) B<dl id="warpper">
( ]! d9 }( p9 _; V8 P' Y0 g<dt>[北美主要城市]</dt>
( K4 _: x- G6 b# J<dd id="c1" class="none">
9 X/ M/ ]" }8 r" |5 e7 [<ul>
5 y4 }% G. I% `% \5 x<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>
* T2 k0 u* \! `- J Z</li>- F K0 ^9 }( b3 _- f5 s
</ul>
6 K: C m8 R: |4 E: W0 a</dd>+ h4 }) |: w% m+ x# b O! \
</dl>
' U9 j, S" ^! \3 X2 g4 o3 ^
* I( X8 g( [, y; |) q</div>
* E" N+ c6 R4 v" t<!--城市切换_结束-->
: X2 w2 P/ M1 q7 r6 k' A8 \
8 `- o1 G2 W# U% J
1 t5 s U+ w4 ^$ t! Q3 F& w
转载请保留当前帖子的链接:https://www.beimeilife.com/thread-30675-1-1.html 谢谢 |