<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><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>可折叠弹出式菜单</title> <br></head> <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></style> <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>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> <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> <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> <br> </div> <br></body> <br></html> <br></alllinks.length> </div>