查看完整版本: JS实现滑动展开与折叠效果

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

以下是引用片段：
%26lt;script[wiki]type[/wiki]="text/javascript"%26gt;
//Url:http://bbs.51js.com/thread-61646-1-1.html
//Author:风云突变
//Modify:枫岩
varact;
functionover(s,nMax){
varobj=document.getElementById(s);
varh=parseInt(obj.offsetHeight);
if(h%26lt;nMax){
obj.style.height=(h+2)+"px";
clearTimeout(act);
act=setTimeout("over('"+s+"',"+nMax+")",10);
}
}
functionout(s,nMin){
varobj=document.getElementById(s);
varh=parseInt(obj.offsetHeight);
if(h%26gt;nMin){
obj.style.height=(h-2)+"px";
clearTimeout(act);
act=setTimeout("out('"+s+"',"+nMin+")",10);
}
}
%26lt;/script%26gt;
%26lt;divid="mytd"onmouseout="out('mytd',30);"style="background:#eee;"%26gt;代码实例：层的滑动展开/折叠%26lt;/div%26gt;


无忧网友fangxiao9159再次优化后：
以下是引用片段：
%26lt;scripttype="text/javascript"%26gt;
varintervalId=null;
functionmove(id,state){
varobj=document.getElementById(id);
if(intervalId!=null)
window.clearInterval(intervalId);
functionchange(){
varh=parseInt(obj.offsetHeight);
obj.style.height=(state=="down")?(h+2):(h-2);
}
intervalId=window.setInterval(change,10);
}
%26lt;/script%26gt;
%26lt;tableborder="1"cellpadding="0"cellspacing="0"id="mytd"onmouseout="move('mytd','out');"%26gt;
%26lt;tr%26gt;%26lt;td%26gt;无忧脚本-风云突变%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;