首 页影视介绍影视下载站长学院PPS在线影视B T下载旧站入口电信站网通站繁體中文
您当前的位置:无忧天使网站长学院网页制作Javascript → 文章内容 注册阿里妈妈就送20元!
本类热门影视
相关影视资源
JS实现滑动展开与折叠效果
作者:wyangel  来源:wyangel.com  发布时间:2008-5-18 13:37:04

减小字体 增大字体

以下是引用片段:
<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" 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" >
<tr><td>无忧脚本 - 风云突变</td></tr></table>


[] [返回上一页] [打 印]
:
文章评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 鄂ICP备申请中...