DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 使用腳本控制網頁Table的顯示隱藏(全代碼)
使用腳本控制網頁Table的顯示隱藏(全代碼)
編輯:關於JavaScript     

【需求】
如果大家登錄過
我傲: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="快啊快啊!!" >
    <td bgcolor="#FF9933">你點我啊!!</td>  
  </tr>
  <tr id="AX" style="display:none">
    <td bgcolor="#0099FF">AXzhz制作</td>
  </tr>
</table>
</body>
</html>

http://www.cnblogs.com/AXzhz/archive/2006/08/31/491675.html

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved