關於部落格
人生戲。戲人生。夢想在那裡。就飛多遠吧
  • 57363

    累積人氣

  • 0

    今日人氣

    2

    追蹤人氣

動態控制版面表格浮現及隱藏

來段示範code:
<html>
<body>
<input type="button" value="顯示table 2" onclick="document.getElementById('table2').style.display=''">
<input type="button" value="隱藏table 2" onclick="document.getElementById('table2').style.display='none'">
<input type="button" value="顯示table 3" onclick="document.getElementById('table3').style.visibility='visible'">
<input type="button" value="隱藏table 3" onclick="document.getElementById('table3').style.visibility='hidden'">
<table id="table1" border="1" width="100">
  <tr>
    <td width="100%">Table1<p>123</td>
  </tr>
</table>
Text 1
<table id="table2" border="1" style="display: none" width="100">
  <tr>
    <td width="100%">Table2<p>456</td>
  </tr>
</table>
Text 2
<table id="table3" border="1" style="visibility: hidden" width="100">
  <tr>
    <td width="100%">Table3<p>789</td>
  </tr>
</table>
Text 3
</body>
</html>

相簿設定
標籤設定
相簿狀態