萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 表格或層往下慢慢展開的效果

表格或層往下慢慢展開的效果

 <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 < 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>這裡面填寫內容www.jscode.cn<br>網頁特效觀止</td>
</tr>
</table>
</body>

</html>

copyright © 萬盛學電腦網 all rights reserved