1. 程式人生 > >利用表格的屬性style=""display: none""來顯示或隱藏表格

利用表格的屬性style=""display: none""來顯示或隱藏表格

要呼叫的JS函式,可以用於各種屬性

<script language="javascript">
function showadv(ino){
var adv=eval("adv"+ino);//多個表格時分開
var loadImg=eval("img"+ino);//多個加減呈號,分開
if (adv.style.display == "") {
  adv.style.display = "none";
  loadImg.src="images/plus.gif";
  }
  else{
  
 adv.style.display = "";
 loadImg.src="images/minus.gif";
 }

}

</script>

<%

點選該圖片就響應隱藏或顯示:注意:圖片的src一定要在函式onclick的後面,要不然出錯,找不到該物件。

response.write"<img id=img"&imageID&" style=""CURSOR: hand"" onclick=""showadv("&imageID&")"" src=images/plus.gif >"

要隱藏的表格:style=""display: none""表示預設隱藏,顯示時為style=""display: "">

response.write"<table width=100% cellPadding=0 cellSpacing=1 align=center id=adv"&imageID&" style=""display: none""> </table>"

%>