顯示隱藏網頁部分內容展開收起頁面特效

  网页资源代码站提示：测试显示隐藏网页部分内容展开收起页面特效这个代码看效果--因加载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我们好可怜，天空不保护，大地也不保护。
蜗牛妈妈安慰他：所以我们有壳啊！我们不靠天，也不靠地，我们靠自己。

复制代码