JS实现滑动展开与折叠效果_网页设计_Javascript教程

您的位置：学习网(Gzu521.com) -> 考试资料 -> 网页设计 -> Javascript教程 -> 资料正文

学习网考试学习资料

Gzu521.com

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

Javascript教程点击：次发布时间：2006-11-9 【字体：大中小】来源：Gzu521.com

Gzu521.com我的学习网

以下是引用片段：
<script type="text/javascript">   'n];fy^N7 ( 贵.州,学.习,网网页设计Javascript教程 )'n];fy^N7hTTp://wWw.gZu521.cOm
//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" onmouseover="over(’mytd’,200);" 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" onmouseover="move(’mytd’,’down’);" onmouseout="move(’mytd’,’out’);">
<tr><td>无忧脚本 - 风云突变</td></tr></table>

责任编辑：gzu521

更多相关信息->

网页设计分类

	HTML教程
	CSS教程
	Javascript教程
	Dreamweaver教程
	FrontPages教程
	FireWorks教程
	Flash教程
	PhotoShop教程
	建站知识

分类推荐信息

更多...

大类最新文章

更多...