如下所示 ؛
复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> 无标题文档 </title>
<script type = "text/javaScript">
وظيفة التغيير_BG (OBJ)
{
var a = document.getElementById ("menu"). getElementsByTagName ("a") ؛
لـ (var i = 0 ؛ i <A.Length ؛ i ++)
{
a [i] .className = "" ؛
}
OBJ.ClassName = "Current" ؛
}
</script>
<type type = "text/css">
جسم{
حجم الخط: 17px ؛
}
.حاضِر{
الخلفية: أحمر.
}
#container ul
{
نوع القائمة: لا شيء ؛
}
#container ul li
{
تعويم: اليسار.
الهامش اليمين: 3px ؛
}
#container ul li a {
تدمير النص: لا شيء ؛
اللون:#000 ؛
}
</style>
</head>
<body>
<div id = "container">
<ul id = "menu">
<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>