會接疊的選單效果

這個範例是控制和設定Div的屬性（display="none"時消失、display=""時出現）

範例：（請按以下選單）

第一頁選單

　第一項
　第二項

第二頁選單

　第三項
　第四項

語法：

<script language="vbscript"> Sub ClickMenu(MenuID) Select Case MenuID Case 1 If document.all.S1.style.display = "none" Then document.all.S1.style.display="" Else document.all.S1.style.display = "none" End If Case 2 If document.all.S2.style.display = "none" Then document.all.S2.style.display="" Else document.all.S2.style.display = "none" End If End Select End Sub </script> <p> <div style="cursor:hand" onClick="ClickMenu(1)"><img src="book.gif" border="0">第一頁選單<br></div> <div id="S1" style="display:none"> 　<img src="document.gif" border="0">第一項<br> 　<img src="document.gif" border="0">第二項<br> </div> <div style="cursor:hand" onClick="ClickMenu(2)"><img src="book.gif" border="0">第二頁選單<br></div> <div id="S2" style="display:none"> 　<img src="document.gif" border="0">第三項<br> 　<img src="document.gif" border="0">第四項<br> </div> </p>

上一頁