复制代码代码如下:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> 可折叠弹出式菜单 </iteme>
</head>
<tyle>
body {latar belakang-warna: #fff; color: #000;}
Div {margin-bottom: 10px;}
ul.menu {display: none; Daftar-style-type: none; margin-top: 5px;}
a.menulink {font-size: 16px; font-weight: bold;}
</tyle>
<type skrip = "Teks/JavaScript">
window.onload = initall;
fungsi initall () {
var alllinks = document.getElementsbyTagname ("a");
untuk (var i = 0; i <alllinks.length; i ++) {
if (alllinks [i] .classname.indexof ("menulink")> -1) {
alllinks [i] .onClick = togglemenu;
}
}
}
fungsi 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";
}
kalau tidak {
thismenu.display = "block";
}
mengembalikan false;
}
</script>
<body>
<h1> drama Shakespeare </h1>
<div>
<a href = "menu1.html"> comdeis </a>
<ul id = "menu1">
<li> <a href = "pg1.html"> semuanya baik -baik saja yang berakhir dengan baik </a> </li>
<li> <a href = "pg2.html"> seperti yang Anda suka </a> </li>
<li> <a href = "pg3.html"> Partai kerja cinta hilang </a> </li>
<li> <a href = "pg4.html"> Komedi kesalahan </a> </li>
</ul>
</div>
<div>
<a href = "menu2.html"> tragedi </a>
<ul id = "menu2">
<li> <a href = "pg5.html"> Anthony & Cleopatra </a> </li>
<li> <a href = "pg6.html"> Hamlet </a> </li>
<li> <a href = "pg7.html"> romeo & juliet </a> </li>
</ul>
</div>
<div>
<a href = "menu3.html"> Histories </a>
<ul id = "menu3">
<li> <a href = "pg8.html"> Henry IV, part1 </a> </li>
<li> <a href = "pg9.html"> Henry IV, part2 </a> </li>
</ul>
</div>
</body>
</html>