繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS实现的滑动展开与折叠效果
- Javascript
- 如何用js控制css中的float的代码
- Autocomplete Textbox Example javascript实现自动完成成功
- FormValid0.5版本发布，带ajax自定义验证例子
- wordpress之js库集合研究介绍
- 推荐发几个常用控件(新加DHTML控件)
- 7. Microsoft Online-Crash Control, version 6.0(微软在线崩溃控件)
- javascript下阻止表单重复提交、防刷新、防后退
- javascript下计数器每秒自动加1
- 给所有的超级练级都加上onmousemove时间的js代码
- js实现运行代码需要刷新的解决方法
- 兼容FF/IE跟随鼠标的层的效果
- 用javascript获得css中的属性值的代码
- 用javascript实现页内搜索的脚本代码
- 用javascript 控制表格行的展开和隐藏的代码
- 用javascript实现隐藏状态栏的代码
- Code: write(s,d) 输出连续字符串
- javascript创建页面蒙板的一些知识技巧总结
- 转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
- 用javascript判断输入数据是否货币并自动添加￥符号的代码
- js类中获取外部函数名的方法
Javascript 中的 JS实现的滑动展开与折叠效果
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 402 ::
收藏到网摘: n/a
<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>
评论 (0) All
