复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> 可折叠弹出式菜单 </title>
</head>
<style>
ร่างกาย {พื้นหลังสี: #FFF; สี: #000;}
div {margin-bottom: 10px;}
ul.menu {display: none; list-style-type: none; margin-top: 5px;}
A.Menulink {FONT-SIZE: 16PX; FONT-WEIGHT: BOLD;}
</style>
<script type = "text/javascript">
window.onload = initall;
ฟังก์ชั่น initall () {
var alllinks = document.getElementsByTagname ("A");
สำหรับ (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 = "ไม่มี";
-
อื่น {
thismenu.display = "block";
-
กลับเท็จ;
-
</script>
<body>
<H1> บทละครของเช็คสเปียร์ </h1>
<div>
<a href = "menu1.html"> comdeis </a>
<ul id = "menu1">
<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 = "menu2.html"> โศกนาฏกรรม </a>
<ul id = "menu2">
<li> <a href = "pg5.html"> Anthony & Cleopatra </a> </li>
<li> <a href = "pg6.html"> แฮมเล็ต </a> </li>
<li> <a href = "pg7.html"> Romeo & Juliet </a> </li>
</ul>
</div>
<div>
<a href = "menu3.html"> ประวัติ </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>