如下所示;
複製代碼代碼如下：
<！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>
<腳本類型=“ 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”;
}
</script>
<style type =“ text/css”>
身體{
字體大小：17px;
}
。當前的{
背景：紅色；
}
#Container UL
{
列表式型：無；
}
#Container ul li
{
浮子：左；
邊緣右：3px;
}
#container ul li a {
文本介紹：無；
顏色：＃000;
}
</style>
</head>
<身體>
<div ID =“容器”>
<ul id =“菜單”>
<li> <a href =“ javaScript：” onclick =“ change_bg（this）”>菜單1 </a> </li>
<li> <a href =“ javaScript：” onclick =“ change_bg（this）”>菜單2 </a> </li>
<li> <a href =“ javaScript：” onclick =“ thange_bg（this）”>菜單3 </a> </li>
<li> <a href =“ javaScript：” onclick =“ change_bg（this）”>菜單4 </a> </li>
<li> <a href =“ javaScript：” onclick =“ change_bg（this）”>菜單5 </a> </li>
</ul>
</div>
</body>
</html>