繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS实现的滑动展开与折叠效果
- Javascript
- java编程教程：JDBC技术简介
- 浅析Ajax为什么优于JSF
- JDK5.0中collection都有哪些变化
- 对性能和可扩展产生深远影响的J2EE
- HTTP消息头字段深入介绍
- java教程：网站开发中的入侵问题检测
- 简要介绍实现多线程环形缓冲的方法
- DOM文档如何与XML文件互换？
- Java教程：如何实现FTP功能
- Bing API的简单了解
- Javascript对网页输入框的字数限制
- 建立支持移动设备访问的网站sitemap
- window.onload和body onload
- JS教程：window.event对象
- 网页漂浮广告的关闭的实现代码
- JavaScript教程:网页浮动定位提示效果
- 常用的Javascript代码高亮脚本
- 滑动导航菜单的变体使用
- 解决AJAX中文回传乱码
- Javascript开发是否预留退路？
Javascript 中的 JS实现的滑动展开与折叠效果
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 229 ::
收藏到网摘: 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
