JS实现滑动展开与折叠效果

以下是引用片段:
<script type="text/javascript">
//Url:
http://bbs.51js.com/thread-61646-1-1.html

//Author: 风云突变
//Modify: 枫岩
var act;
function over(s,nMax){
  var obj=document.getElementById(s);
  var h = parseInt(obj.offsetHeight);
  if (h < nMax){
    obj.style.height = (h  2) "px";
    clearTimeout(act);
    act = setTimeout("over('" s "'," nMax ")", 10);
  }
}
function out(s,nMin){
  var obj=document.getElementById(s);
  var h = parseInt(obj.offsetHeight);
  if (h > nMin){
    obj.style.height = (h - 2) "px";
    clearTimeout(act);
    act = setTimeout("out('" s "'," nMin ")", 10);
  }
}
</script>
<div id="mytd"  onmouseout="out('mytd',30);" style="background:#eee;">代码实例:层的滑动展开/折叠</div> 

无忧网友 fangxiao9159 再次优化后:
以下是引用片段:
<script type="text/javascript">
var intervalId = null;
function move(id,state){
  var obj = document.getElementById(id);
  if(intervalId != null) 
    window.clearInterval(intervalId);
  function change(){
  var h = parseInt(obj.offsetHeight);
  obj.style.height = (state == "down") ? (h  2) : (h - 2);
  }
  intervalId = window.setInterval(change,10);
}
</script>
<table border="1" cellpadding="0" cellspacing="0" id="mytd"  onmouseout="move('mytd','out');">
<tr><td>无忧脚本 - 风云突变</td></tr></table>

 感谢原创者的辛勤劳动,希望对您有所帮助,转载请注明原出处。
 您可能对 [javascript] 的这些文章也感兴趣:

几个实用的Javascript“类”
网页对联广告代码效果大全
IE和FireFox下javascript读写XML实现广告轮换
冒泡算法的三种JavaScript表示
Javascript实例教程(20) OLE Automation(2)
javascript对表格的控制
网页特效:图片随机显示技巧
用JavaScript使链接按钮不断变化
JavaScript程序构成
制作仿“QQ秀”的虚拟形象