如下所示;
复制代码代码如下:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> 无标题文档 </title>
<script type = "text/javaScript">
Función Change_BG (OBJ)
{
var a = document.getElementById ("menú"). getElementsBytagName ("A");
para (var i = 0; i <a.length; i ++)
{
a [i] .classname = "";
}
obj.classname = "actual";
}
</script>
<style type = "text/css">
cuerpo{
tamaño de fuente: 17px;
}
.actual{
Antecedentes: rojo;
}
#container ul
{
Tipo de estilo de lista: Ninguno;
}
#container ul li
{
flotante: izquierda;
margen-derecha: 3px;
}
#container ul li a {
Decoración de texto: ninguna;
Color:#000;
}
</style>
</ablo>
<Body>
<div id = "contenedor">
<ul id = "menú">
<li> <a href = "javascript:" onClick = "change_bg (this)"> menú1 </a> </li>
<li> <a href = "javascript:" onClick = "change_bg (this)"> menú2 </a> </li>
<li> <a href = "javascript:" onClick = "change_bg (this)"> menú3 </a> </li>
<li> <a href = "javascript:" onClick = "change_bg (this)"> menú4 </a> </li>
<li> <a href = "javascript:" onClick = "change_bg (this)"> menú5 </a> </li>
</ul>
</div>
</body>
</html>