链接控制表格的缓慢出现和消失，请帮忙修改下代码！

<script language="JavaScript">
var act;
function over(){
var h = parseInt(mytd.height);
if (h < 500){
mytd.height = h + 2;
clearTimeout(act);
act = setTimeout('over()', 10);
}
}
function out(){
var h = parseInt(mytd.height);
if (h > 0){
mytd.height = h - 2;
clearTimeout(act);
act = setTimeout('out()', 10);
}
}
</script>
<a href="#" onMouseOver="mytd.style.visibility = 'visible';over();" onMouseOut="out()">鼠标移动过来看看</a>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="mytd" style="visibility: hidden;" bgcolor="#FF0000">
<tr>
<td>内容内容</td>
</tr>
</table>

解决方案 »

  1.   

    <body>
    <script language="JavaScript">
    var abc,abc1;
    function over(){
    var h = parseInt(document.all.mytd.clientHeight);
    document.all.d1.innerText = h;
    if (h < 500)
    {
    if(abc1)clearTimeout(abc1);
    document.all.mytd.height = h + 2;
    abc =setTimeout('over()', 10);
    }
    }
    function out()
    {
    var h = parseInt(document.all.mytd.clientHeight);
    if (h > 0)
    {
    if(abc)clearTimeout(abc);
    document.all.mytd.height = h - 2;
    abc1 = setTimeout('out()', 10);
    }
    }
    </script>
    <div id="d1"></div>
    <a href="#" onMouseOver="mytd.style.visibility = 'visible';over();" onMouseOut="out()">鼠标移动过来看看</a>
    <table width="100%" height ="0" border="0" cellpadding="0" cellspacing="0" id="mytd" style="visibility: hidden;" bgcolor="#FF0000">
    <tr>
    <td>内容内容</td>
    </tr>
    </table>
    </body>