如下所示;
复制代码代码如下 :
<! 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>
<script type = "text/javaScript">
함수 change_bg (obj)
{
var a = document.getElementById ( "메뉴"). getElementsByTagName ( "a");
for (var i = 0; i <a.length; i ++)
{
a [i] .classname = "";
}
obj.classname = "current";
}
</스크립트>
<스타일 유형 = "텍스트/CSS">
몸{
글꼴 크기 : 17px;
}
.현재의{
배경 : 빨간색;
}
#Container UL
{
목록 스타일 유형 : 없음;
}
#Container UL Li
{
플로트 : 왼쪽;
마진 오른쪽 : 3px;
}
#container ul li a {
텍스트 결정 : 없음;
색상 :#000;
}
</스타일>
</head>
<body>
<div id = "컨테이너">
<ul id = "메뉴">
<li> <a href = "javaScript :"onclick = "change_bg (this)"> menu1 </a> </li>
<li> <a href = "javaScript :"onclick = "change_bg (this)"> menu2 </a> </li>
<li> <a href = "javaScript :"onclick = "change_bg (this)"> menu3 </a> </li>
<li> <a href = "javaScript :"onclick = "change_bg (this)"> menu4 </a> </li>
<li> <a href = "javaScript :"onclick = "change_bg (this)"> menu5 </a> </li>
</ul>
</div>
</body>
</html>