웹페이지 일부 표시 및 숨기기 페이지 특수 효과 확장 및 축소-PHP 튜토리얼-php.cn

웹페이지 일부 표시 및 숨기기 페이지 특수 효과 확장 및 축소

WBOY

풀어 주다： 2016-07-25 09:02:35

원래의

2905명이 탐색했습니다.

网页资源代码站提示：测试显示隐藏网页部分内容展开收起页面特效这个代码看效果--因加载JS有必要刷新
显示隐藏网页部分内容网页特效-dyunr.com
<script></li> <li>function $(element){</li> <li>return element = document.getElementById(element);</li> <li>}</li> <li>function $D(){</li> <li>var d=$('class1content');</li> <li>var h=d.offsetHeight;</li> <li>var maxh=300;</li> <li>function dmove(){</li> <li>h =50; //设置层展开的速度23sc.cn</li> <li>if(h>=maxh){</li> <li>d.style.height='300px';</li> <li>clearInterval(iIntervalId);</li> <li>}else{</li> <li>d.style.display='block';</li> <li>d.style.height=h 'px';</li> <li>}</li> <li>}</li> <li>iIntervalId=setInterval(dmove,2);</li> <li>}</li> <li>function $D2(){</li> <li>var d=$('class1content');</li> <li>var h=d.offsetHeight;</li> <li>var maxh=300;</li> <li>function dmove(){</li> <li>h-=50;//设置层收缩的速度23sc.cn</li> <li>if(h<=0){<li>d.style.display='none';<li>clearInterval(iIntervalId);<li>}else{<li>d.style.height=h 'px';<li>}<li>}<li>iIntervalId=setInterval(dmove,2);<li>}<li>function $use(){<li>var d=$('class1content');<li>var sb=$('stateBut');<li>if(d.style.display=='none'){<li>$D();<li>sb.innerHTML='展开';<li>}else{<li>$D2();<li>sb.innerHTML='收缩';<li>}<li>}<li></script>
Alone展开隐藏效果
展开
显示隐藏网页部分内容展开收起页面特效 ==小蜗牛问妈妈：为什么我们从生下来，就要背负这个又硬又重的壳呢？
妈妈：因为我们的身体没有骨23sc.cn骼的支撑，只能爬，又爬不快。所以要这个壳的保护！
小蜗牛：毛虫姊姊没有骨头，也爬不快，为什么她却不用背这个又硬又重的壳呢？
妈妈：因为毛虫姊姊能变成蝴蝶，23sc.cn天空会保护她啊。
小蜗牛：可是蚯蚓弟弟也没骨头爬不快，也不会变成蝴蝶他什么不背这个又硬又重的壳呢？
妈妈：因为蚯蚓弟弟会钻土, 大地会保护他啊。
小蜗牛哭了起来：23sc.cn我们好可怜，天空不保护，大地也不保护。
蜗牛妈妈安慰他：所以我们有壳啊！我们不靠天，也不靠地，我们靠自己。