当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个层慢慢增高展开,有种向下滑动的效果

技术文章搜索

关键字

Javascript 中的 一个层慢慢增高展开,有种向下滑动的效果

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 121 ::
收藏到网摘: n/a

类似框架的js代码 MSAgent 详细解说

点击运行可以看到效果:<script language="JavaScript"> var act; function over(){ var h = parseInt(mytd.height); if (h < 164){ mytd.height = h + 2; clearTimeout(act); act = setTimeout('over()', 10); } } function out(){ var h = parseInt(mytd.height); if (h > 30){ mytd.height = h - 2; clearTimeout(act); act = setTimeout('out()', 10); } } </script> <table width="316" height="30" border="2" cellpadding="0" cellspacing="0" id="mytd" onMouseOver="over()" onMouseOut="out()"> <tr> <td>无忧脚本 - 风云突变</td> </tr> </table>
[Ctrl+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>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

类似框架的js代码 MSAgent 详细解说

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）