层的展开收缩效果

最新推荐文章于 2023-10-23 18:52:18 发布

置顶 Yawn

最新推荐文章于 2023-10-23 18:52:18 发布

阅读量1k

点赞数

分类专栏： javascript 文章标签： generator javascript 网页游戏 c

本文链接：https://blog.youkuaiyun.com/ngy00988/article/details/3491216

版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

上网，玩网页游戏，点广告，注册yy365，回答问题，金蛋拿不停，等金蛋足够了就可以兑换你喜欢的礼品了哦，绑定YY365每天登陆都可以送金蛋。

YY365注册（点这里注册）

PC蛋蛋官方注册地址（点这里注册）

层的展开收缩效果，代码如下：

 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>欢迎光临ngy00988的博客，好东西大家一起分享 </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<script language="javascript">
 //层的展开效果
 var c;
 function start(s,max){
   var id=document.getElementById(s);
   var h =parseInt(id.offsetHeight);
   if(h<max){
     id.style.height=(h+3)+"px";
     clearTimeout(c);
     c=setTimeout("start('"+s+"',"+max+")",10);
     }
 }
 //层的收缩
 function shrink(s,min){
  var id=document.getElementById(s);
  var h=parseInt(id.offsetHeight);
  if(h>min){
     id.style.height=(h-3)+"px";
     clearTimeout(c);
     c=setTimeout("shrink('"+s+"',"+min+")",10);
     }
 }
</script>
 <BODY>
    <div id="ngy00988" onMouseOver="start('ngy00988',200);" onMouseOut="shrink('ngy00988',30)"; style="background:#f1f500">层的滚动效果</div>
 </BODY>
</HTML>
 