开启左侧

[学习借鉴] 测试代码:主要城市切换

[复制链接] 2
回复
1392
查看
打印 上一主题 下一主题
楼主
跳转到指定楼层
发表于 2016-9-15 02:09 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

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 谢谢
沙发
发表于 2016-9-15 11:45 | 只看该作者
看到测试结果了。
板凳
发表于 2016-9-16 12:14 | 只看该作者
http://beimeilife.duckdns.org/forum.php?mod=redirect&goto=findpost&pid=55897&ptid=30675
; @% X( z) J0 p: `3 v看到测试结果了。
9 M, Y( d8 @7 d$ @* }
各个城市的地产交易查询,可以上线了吗?

使用高级回帖 (可批量传图、插入视频等)快速回复

您需要登录后才可以回帖 登录 | 注册

本版积分规则   Ctrl + Enter 快速发布  

发帖时请遵守我国法律,网站会将有关你发帖内容、时间以及发帖IP地址等记录保留,只要接到合法请求,即会将信息提供给有关政府机构。
快速回复 返回顶部 返回列表