复制代码代码如下:
<!Doctype HTML公共“ - // W3C // DTD XHTML 1.0 Transitional // en”“” http://www.org/tr/tr/xhtml1/dtd/xhtml1-xhtml1-transitional.transitional.dtdd'>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<头>
<meta http-equiv =“ content-type” content =“ text /html; charset = utf-8” />
<title>可折叠弹出式菜单</title>
</head>
<样式>
身体{背景彩色:#fff;颜色:#000;}
Div {Margin-Bottom:10px;}
ul.menu {display:none; list-style-type:none;保证金顶:5px;}
A.Menulink {font-size:16px; font-weight:bold;}
</style>
<脚本类型=“ text/javascript”>
window.onload = initall;
函数initall(){
var alllinks = document.getElementsbytagname(“ a”);
for(var i = 0; i <alllinks.length; i ++){
if(alllinks [i] .classname.indexof(“ menulink”)> -1){
alllinks [i] .onclick = togglemenu;
}
}
}
函数togglemenu(){
var startmenu = this.href.lastIndexof(“/”)+1;
var stopmenu = this.href.lastIndexof(“。”);
var thisMenuname = this.href.substring(StartMenu,stopmenu);
var thisMenu = document.getElementById(thisMenuname).STYLE;
if(thismenu.display ==“ block”){
thismenu.display =“ none”;
}
别的 {
thismenu.display =“ block”;
}
返回false;
}
</script>
<身体>
<H1>莎士比亚的戏剧</h1>
<div>
<a href =“菜单1.html”> comdeis </a>
<ul ID =“菜单1”>
<li> <a href =“ pg1.html”>一切顺利,结束得很好</a> </li>
<li> <a href =“ pg2.html”>您喜欢</a> </li>
<li> <a href =“ pg3.html”>爱的工党丢失</a> </li>
<li> <a href =“ pg4.html”>错误的喜剧</a> </li>
</ul>
</div>
<div>
<a href =“菜单2.html”>悲剧</a>
<ul ID =“菜单2”>
<li> <a href =“ pg5.html”> Anthony&Cleopatra </a> </li>
<li> <a href =“ pg6.html”> hamlet </a> </li>
<li> <a href =“ pg7.html”>罗密欧与朱丽叶</a> </li>
</ul>
</div>
<div>
<a href =“菜单3.html”>历史</a>
<ul ID =“菜单3”>
<li> <a href =“ pg8.html”>亨利iv,part1 </a> </li>
<li> <a href =“ pg9.html”>亨利iv,part2 </a> </li>
</ul>
</div>
</body>
</html>