通过点击按钮来控制某个DIV显示或隐藏-站长杂谈下载

通过点击按钮来控制某个DIV显示或隐藏

开通本站Svip会员,全站资源免费下
注:这只是一个简单的JS特效,与ECSHOP没有必然直接关系。% P  J3 x6 c/ z, y
不过在ECSHOP模板制作中,也许会用上。
/ L" g8 K3 P- d# {1 }4 N. y( I" }+ T3 i, w5 d" `! }8 Y

" L. `$ z" {) a( I( t! S2 l<script language="JavaScript">
  u7 O& W5 ]/ C2 Vfunction onClickDiv(DivId)& O$ u* `$ [2 D3 x# k* W6 ~5 O
{
7 u! v7 m; F6 k0 Z  if(document.getElementById(DivId).style.display=='none')% K4 z: C9 K! u- o- L6 o1 M0 d0 ]4 `
   { document.getElementById(DivId).style.display=''; }
- W, q( W6 D( j) X7 d: m   else
+ p5 X2 Z8 @! d   { document.getElementById(DivId).style.display='none'; }- g) V+ A$ i7 \1 I& _( P
   
5 s  l* n2 ~- U: V+ {: U% U: D}/ h) I1 T5 S5 T% S2 T
</script># u% K, R) k1 n, j
+ K6 w' g, D- x1 w* v
<UL>9 m$ j9 B' c/ c& T, |
<LI class="lx_an"><a  href="javascript:onClickDiv('contact')" >查看联系方式</a></LI>
; n, a, a7 q, v<LI class="lx_nr" id="contact" style="display:none">
1 F& s' P1 j& |/ T4 a电话: <br>
5 t7 \# ?9 ]# \/ G4 |9 n; L$ O手机:<br>
. E+ v$ t: w  e2 T  }  ^1 u/ _传真:<br>
3 }$ O# d5 T' q! a+ s邮箱:<br>
$ W# [+ d- \7 G地址:<br>
: o, w, Q5 ~0 u% B3 D邮编: <br>
* y/ R- O; y: J/ o</LI>
! `/ O' R- s( J0 Z! O2 k3 C</UL>* o$ x" d) R& r

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部