复制代码代码如下 :
<! 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">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> </title>
</head>
<스타일>
바디 {배경색 : #fff; 컬러 : #000;}
div {마진-바닥 : 10px;}
ul.menu {디스플레이 : 없음; 목록 스타일 유형 : 없음; 마진-탑 : 5px;}
a.menulink {font-size : 16px; font-weight : bold;}
</스타일>
<script type = "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";
}
거짓을 반환합니다.
}
</스크립트>
<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 = "menu.2.html"> 비극 </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 = "menu.3.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>