【需求】
如果大家登入過我傲:http://www.woall.com
新浪博客等就會發現可以點擊欄目標題,就會發現欄目可以展開和收起,非常好用!其實這個功能實現起來很簡單.重點就是要找到要隱藏的Table行,對它的display屬性進行控制.
強烈建議大家登入:http://www.woall.com親身體驗一下!
【另】網址怎麼加連結啊???
【原始碼】使用方法:把檔案考下來,儲存為htm類型的檔案即可!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
<script language="javascript">
<!--
function AXzhz(hideme)
{
var AX=document.all(hideme); //宣告一個變數
AX.style.display=AX.style.display=="none"?"":"none"; //判斷是否隱藏
}
//-->
</script>
</head>
<body>
<table width="200" border="1">
<!--title是滑鼠在上面的時候出現的提示-->
<tr title="快啊快啊!!" onclick="AXzhz('AX')">
<td bgcolor="#FF9933">你點我啊!!</td>
</tr>
<tr id="AX" style="display:none">
<td bgcolor="#0099FF">AXzhz製作</td>
</tr>
</table>
</body>
</html>