<div class="codetitle"> <span><a style="CURSOR: pointer" data="1942" class="copybut" id="copybut1942" onclick="doCopy('code1942')"><u>复制代</u></a></span> 代码如下:</div> <div class="codebody" id="code1942"> <br> <br> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <br><title>可折叠弹出式菜单</title> <br> <br> <br>body {background-color: #FFF;color: #000;} <br>div {margin-bottom: 10px;} <br>ul.menu {display: none;list-style-type: none;margin -top: 5px;} <br>a.menuLink {font-size: 16px;font-weight:太字;} <br> <br><script type="text/javascript"> <BR>window.onload = initAll; <BR>function initAll() { <BR>var allLinks = document.getElementsByTagName("a"); <BR>for (var i=0; i<allLinks.length; i ) { <BR>if (allLinks[i].className.indexOf("menuLink") > -1) { <BR>allLinks[i] .onclick = トグルメニュー; <BR>} <BR>} <BR>} <BR>function toggleMenu() { <BR>var startMenu = this.href.lastIndexOf("/") 1; <BR>var stopMenu = this.href.lastIndexOf("."); <BR>var thisMenuName = this.href.substring(startMenu,stopMenu); <BR>var thisMenu = document.getElementById(thisMenuName).style; <BR>if (thisMenu.display == "ブロック") { <BR>thisMenu.display = "none"; <BR>} <BR>else { <BR>thisMenu.display = "ブロック"; <BR>} <BR> false を返します。 <BR>} <BR></script> <br> <br><h1>シェイクスピアの戯曲</h1> <br><div> <br><a href="menu1.html" class="menuLink">コメディ</a> <br><ul class="menu" id="menu1"> <br><li><a href="pg1.html">終わり良ければすべて良し</a></li> <br><li><a href="pg2.html">お好きに</a></li> <br><li><a href="pg3.html">愛の労働の損失</a></li> <br><li><a href="pg4.html">エラーのコメディ</a></li> <br> </ul> <br> </div> <br><div> <br><a href="menu2.html" class="menuLink">悲劇</a> <br><ul class="menu" id="menu2"> <br><li><a href="pg5.html">アンソニーとクレオパトラ</a></li> <br><li><a href="pg6.html">ハムレット</a></li> <br><li><a href="pg7.html">ロミオとジュリエット</a></li> <br> </ul> <br> </div> <br><div> <br><a href="menu3.html" class="menuLink">履歴</a> <br><ul class="menu" id="menu3"> <br><li><a href="pg8.html">ヘンリー 4 世、パート 1</a></li> <br><li><a href="pg9.html">ヘンリー 4 世、パート 2</a></li> <br> </ul> <br> </div> <br> </div>