表格或层往下慢慢展开的效果

时间：2008-08-17 Tag：效果展开表格

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>建站学|www.jzxue.com|---表格或层往下慢慢展开的效果</title> </head> <body> <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>把鼠标放在这里<br>建站学-www.jzxue.com</td> </tr> </table> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]