首页  »  网页设计教程  »  JS实现的滑动展开和折叠效果

JS实现的滑动展开和折叠效果

浏览数:共 3398 次     评论:共 0 条     发布日期:2012-04-12     分类:javascript

要写个滑动展开折叠的效果,搜索到无忧脚本的一篇贴子,稍加修改了下使其在ff也可应用,代码如下:
<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" onmouseover="over(’mytd’,200);" onmouseout="out(’mytd’,30);" style="background:#eee;">代码实例:层的滑动展开/折叠</div>



上一篇:滑动展开/收缩广告源码实例效果
下一篇:时钟广告跳转状态栏等JS源码