开启左侧

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

[复制链接]
发表于 2016-9-15 02:09 | 显示全部楼层 |阅读模式

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

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

x
<!--城市切换 -->
& S. o2 s( B; O1 L' V, E7 i. l<style type="text/css"> ' T% V% {0 ^+ x, e. z2 n
#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}2 m7 k# k6 Q0 Z
#warpper{ position: relative; z-index:1000000; margin-top:20px;}6 s  h4 }' M/ l( X2 _2 j4 d
#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}$ a4 v: ?. s: |( o/ t0 R+ @- v4 W" i, ^
#city a{ cursor:pointer; color:#666}
' ?+ W/ p$ _7 L5 q* F#city dl{ height:18px; line-height:18px; padding:0 10px;}
1 E+ ]) [( z) {: e#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;}" g# k! I3 O6 t; y* g
#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
8 V1 E( E/ v6 M4 n. ?#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}2 \5 p7 n! B7 C0 s* F8 k7 X
#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
5 j+ Q5 V+ ]- O+ v8 k9 n8 p) h#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;}: D7 g2 Z$ y+ ^: k5 D, }) S
.block{ display:block;}
/ J; q. d+ l* K6 z2 U' m5 [.none{ display:none;}5 t/ b8 U9 b4 O) G! e9 I4 Z% w
</style>7 G+ X7 N+ e2 v# y- T% q+ @0 o2 @
<script language="javascript"> 8 y& z& A5 v% ?7 b( c/ D
function $(str){ return document.getElementById(str);}, m5 I2 Q' E0 [7 O# d
function $$(str){ return document.getElementsByTagName(str);}3 ^5 P2 v7 U5 C% Y4 f
var timer;3 A8 I8 @6 a; M* \- a9 }& |
function changeMenu(thisObj,num){* y' O" E2 Z9 l
if(thisObj.className=="over") return false;, F) H7 h9 n: F, w, y
hids(thisObj);
9 `; d- z6 \* z4 bthisObj.className="over";. {" m+ B. `5 F; U- W& Y
$("c"+(num+1)).className="block";
: a$ _, @9 m8 a2 V* T
- l8 o8 b; F# l7 |) }$ [* }1 J$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}8 q1 @+ ^( Z6 [' Q, m6 Y; ]
$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
8 c+ y" Y) I  K1 E. q: athisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
2 ]6 t# F! O9 H' O3 L- x
# `6 Q" Y2 L0 x3 ]- X}
6 e% f$ W9 v$ N& Z( bfunction hids(thisObj){
1 {3 C4 k+ N$ n4 WclearTimeout(timer);! e# i* a% Q8 x) |9 O7 I" y% E% D$ j
var tabObj=thisObj.parentNode.getAttribute("id");
) M' H' H3 n! s: Z2 ovar obj_dt=$(tabObj).getElementsByTagName("dt");
) y/ `* A% S4 A; `5 M* W( U4 qfor(var i=0;i<obj_dt.length;i++){* b/ W5 C/ A# {) F$ T
obj_dt.className="normal";
- `- I* T9 X# y' H. ]$("c"+(i+1)).className="none";
0 b# p$ |- U- I: b; z  |6 g}1 ^; V* `# D9 p) E+ @  K
}8 c- }4 J2 X5 \- C
</script>! N$ m( p& @! ?5 w; a7 b6 R  t
<div id="city">
* f) `9 h1 C1 j  _8 v<dl id="warpper">' t8 ^% L+ m# z0 T  }+ p$ q
<dt>[北美主要城市]</dt>, x* A/ r2 s9 {  _. j( \- ~5 g
<dd id="c1" class="none">5 z' f. F  |) {5 ]
<ul>; S/ F8 S) J0 s
<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>
. e* P: C! b% Q" o$ C) ^" q</li>
8 M: g# h, D) V: H5 b</ul>& y4 I' T. n- w
</dd>4 U" K& E' d4 ?- v+ M
</dl># v) M' |3 X* G7 ~: K

9 ^0 D4 @( Y0 M5 d6 V</div>
: r2 G( w  t) k8 [. `<!--城市切换_结束-->2 _3 q+ j8 W+ T# w3 a3 z* B
. Y+ C1 o& r4 m# T% i2 B

" n5 D3 W" E( i( z6 F0 t


转载请保留当前帖子的链接:https://www.beimeilife.com/thread-30675-1-1.html 谢谢
发表于 2016-9-15 11:45 | 显示全部楼层
看到测试结果了。

点评

各个城市的地产交易查询,可以上线了吗?  详情 回复 发表于 2016-9-16 12:14
发表于 2016-9-16 12:14 | 显示全部楼层
http://www.beimeilife.com/forum.php?mod=redirect&goto=findpost&pid=55897&ptid=30675
- O5 |3 i, Q6 K7 ]1 z看到测试结果了。

' g) E% G7 A0 E2 D3 E8 t各个城市的地产交易查询,可以上线了吗?

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

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

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

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