html高手进，以下代码怎么强制控制表格初始调试为30，多余的行高内容不显示？鼠标放上去后，表格自动再往下拉伸？

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---表格或层往下慢慢展开的效果</title>
</head><body>
<script language="JavaScript">
var act;
function over(){
var h = parseInt(mytd.height);
if (h < 464){
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 valign="top">这里面填写内容<br>网页特效观止<br>网页特效观止<br>网页特效观止<br>网页特效观止<br>网页特效观止<br>网页特效观止<br>网页特效观止<br>网页特效观止</td>
</tr>
</table>
</body></html>