表格隨鼠標收縮效果
文章導讀:
<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>