<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><style> <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: bold;} <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++) { <BR>if (allLinks[i].className.indexOf("menuLink") > -1) { <BR>allLinks[i].onclick = toggleMenu; <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 == "block") { <BR>thisMenu.display = "none"; <BR>} <BR>else { <BR>thisMenu.display = "block"; <BR>} <BR>return false; <BR>} <BR></script> <br> <br><h1>Shakespeare's Plays</h1> <br><div> <br><a href="menu1.html" class="menuLink">Comdeis</a> <br><ul class="menu" id="menu1"> <br><li><a href="pg1.html">All's Well That Ends Well</a></li> <br><li><a href="pg2.html">As You Like It</a></li> <br><li><a href="pg3.html">Love's Labour's Lost</a></li> <br><li><a href="pg4.html">The Comedy of Errors</a></li> <br> </ul> <br> </div> <br><div> <br><a href="menu2.html" class="menuLink">Tragedies</a> <br><ul class="menu" id="menu2"> <br><li><a href="pg5.html">Anthony & Cleopatra</a></li> <br><li><a href="pg6.html">Hamlet</a></li> <br><li><a href="pg7.html">Romeo & Juliet</a></li> <br> </ul> <br> </div> <br><div> <br><a href="menu3.html" class="menuLink">Histories</a> <br><ul class="menu" id="menu3"> <br><li><a href="pg8.html">Henry IV, Part1</a></li> <br><li><a href="pg9.html">Henry IV, Part2</a></li> <br> </ul> <br> </div> <br> <br> <br> </div>
