2007年11月2日

Show/Hide 區塊顯示隱藏 2 - Firefox 可使用

在 </head> 前貼上以下 Code

<script language="JavaScript" type="text/JavaScript">
function change(id){
    for (i=1; i<9; i++) {
        ID = document.getElementById(i);
        if(i!=id) {
            ID.style.display = "none";
        }
    else
        ID.style.display = "";
    }
}
</script>

HTML 寫法

在標籤 <a> 或 <p> 等標籤上加上以下 Code

onclick="change(1)" onkeypress="change(1)"

在欲顯示隱藏的區塊標籤上加上

id="1"

綠色數字以 1,2,3 …順序遞增使用即可。

沒有留言: