ζ 修 - Hugo -

有時候，會想在網頁上直接使用 JavaScript 做些動態效果，例如將某個 CSS 區塊隱藏起來；那麼下列的語法就會很實用了。

<script type="text/javascript">
function nowinit() { 
          document.getElementById("content").style.display="none";
}
</script>

上面這段就是要把 『content』 這個區塊給隱藏起來
如果要顯示改為 display= ‘block’; 就會顯示了。

呼叫的方式也很簡單，當然也可以用 PHP 的方式寫入
不過要什麼時機寫入，就要看你怎麼判斷囉。

<?PHP 
        echo "<script type='text/javascript'>";
        echo "nowinit();";
        echo "</script>";
?>

當然也可以用滑鼠事件的方式去操作
以下這段使用　Dreamweaver　產生的

<script type="text/javascript">
function MM_changeProp(objId,x,theProp,theValue) { //v9.0
  var obj = null; with (document){ if (getElementById)
  obj = getElementById(objId); }
  if (obj){
    if (theValue == true || theValue == false)
      eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
  }
}
</script>

呼叫的方式，在想觸發的物件上加上以下的語法即可

onClick="MM_changeProp('content13','','display','block','DIV')"