马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?注册
x
<!--城市切换 -->
) F- O% K$ `% v<style type="text/css">
# w! B$ Y2 U) B& K/ x#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
/ X0 ?& S- c# J0 c% A- R% e#warpper{ position: relative; z-index:1000000; margin-top:20px;}
1 J c) w5 o6 u( t#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
* o# S& [" U( T6 e* E$ ?; f, U#city a{ cursor:pointer; color:#666}
N' H/ }# f- P! g8 @#city dl{ height:18px; line-height:18px; padding:0 10px;}/ V7 g6 J4 Q( B, x( L
#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;}; R! V F0 j q5 N
#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }, d2 ^' @. ?: |% v( M
#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
7 \8 k) `: c: \! _* N5 Z/ i: I#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
) t# s6 `/ |. K1 E1 m8 t: f#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;}6 M8 Y2 h/ T5 C; P
.block{ display:block;}
$ K, ~+ \( L8 g' f.none{ display:none;}& b4 n: x% U( g, K" P" Z8 |
</style>
& v- V9 A+ }9 Z- \<script language="javascript"> $ j$ r3 ?6 O4 t2 Y
function $(str){ return document.getElementById(str);}7 M8 L; K) a3 o; Z0 ]3 Q* ?, @7 p/ |: W
function $$(str){ return document.getElementsByTagName(str);} [0 [6 O) F: E+ d* ]
var timer;
; H* B4 P. h* ]) w7 I7 F5 i4 @) }function changeMenu(thisObj,num){
" N6 V# |9 O# f) kif(thisObj.className=="over") return false;
. a3 `4 A W+ t2 Q2 vhids(thisObj);+ C. t! d- `, _# Y5 Q' `9 i! f$ @
thisObj.className="over";; C, P9 p8 k9 ^+ E2 C% k2 T' U
$("c"+(num+1)).className="block";" \. O5 M1 {7 u" f! n& o
) s2 R0 _, J' g; g3 ~$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
, t8 e! e4 l: }$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}! y @2 D8 P4 i
thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
, j. B8 N+ [0 l3 Z. Z# A9 {$ }* D0 ?% d" q4 Q' W( Z. c
}( R* |! ?6 B3 R
function hids(thisObj){
# c& V; ]7 N7 \; ]8 l u2 fclearTimeout(timer);
! N8 e5 V- f4 x. s1 V4 [( ]6 w$ Fvar tabObj=thisObj.parentNode.getAttribute("id");4 F$ N4 R% U4 ~# r
var obj_dt=$(tabObj).getElementsByTagName("dt");
$ b( `1 ?: r, mfor(var i=0;i<obj_dt.length;i++){
- j2 k+ H2 w% f; Q2 v4 Hobj_dt.className="normal";' j9 o @# O3 M% d( l4 V( D
$("c"+(i+1)).className="none";
* J% `- P3 D3 N% Q- \7 f8 A! i}
( E5 X3 s* j2 K0 i* r% R}7 s, k# ?- a2 D+ v6 d$ d
</script>% ]1 B9 Z! F2 o/ b
<div id="city">1 B( y" s, D( x0 y0 N+ q, W( Q
<dl id="warpper">
9 g" \, {/ v: ~: Z- } z3 m<dt>[北美主要城市]</dt>2 m' B" Q2 q( R- a5 y
<dd id="c1" class="none">! o' @5 y# u' P& |+ f- l. G) X
<ul>
' V1 }" ?* Y% ~( t<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>/ \ I& N8 i9 R' S4 r% o* h
</li>0 n2 ?' ~4 I: ^ `- g" E
</ul>
2 u# e8 k; Q, W @! {</dd>
+ e m) J& T) y9 M7 [) P</dl>
# K4 O7 n# g9 i M% q7 w
( E4 o4 z$ s c& x</div>1 i* ~# N, Z/ x1 `; ?
<!--城市切换_结束-->2 Q, A& ?% j- _4 q
" B6 G& |6 u3 f6 o7 K
# r0 ], n% F3 z& V9 S. b0 _
转载请保留当前帖子的链接:https://www.beimeilife.com/thread-30675-1-1.html 谢谢 |