<title>aaa</title>
<script type="text/javascript">
//请问这里的代码怎么写。
//我要的效果是:点击下面的aaa或bbb或ccc后,其背景变为红色。
//点击哪个哪个变。关键是:所有不是当前点击的,背景色都将恢复正常。
//只是点击哪个哪个才变,同时其余的恢复正常。请问代码如何写。请在此处完善。
</script>
</head>
<body>
<ul>
<li id="a"><a href="javascript:m('a')">aaa</a></li>
<li id="b"><a href="javascript:m('b')">bbb</a></li>
<li id="c"><a href="javascript:m('c')">ccc</a></li>
</ul>
</body>
</html>
<script type="text/javascript">
//请问这里的代码怎么写。
//我要的效果是:点击下面的aaa或bbb或ccc后,其背景变为红色。
//点击哪个哪个变。关键是:所有不是当前点击的,背景色都将恢复正常。
//只是点击哪个哪个才变,同时其余的恢复正常。请问代码如何写。请在此处完善。
</script>
</head>
<body>
<ul>
<li id="a"><a href="javascript:m('a')">aaa</a></li>
<li id="b"><a href="javascript:m('b')">bbb</a></li>
<li id="c"><a href="javascript:m('c')">ccc</a></li>
</ul>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body>
<ul id="head">
<li id="a"><a href="javascript:m('0')">aaa</a></li>
<li id="b"><a href="javascript:m('1')">bbb</a></li>
<li id="c"><a href="javascript:m('2')">ccc</a></li>
</ul>
</body>
<script type="text/javascript">
function m(id) {
var as = document.getElementsByTagName("a");
for (var i = 0; i < as.length; i++) {
if (parseInt(id) == i) {
as[i].style.background = "red";
}
else {
as[i].style.background = "";
}
}
}
</script>
</html>
<html>
<head>
<title>css</title>
<script type="text/javascript">
function m(str){
alert(str);
}
</script>
<style type="text/css">
ul#tabnav{
list-style-type:none;
margin:0px;
padding-left:0px;
padding-bottom:23px;
font:bold 12px verdana, arial;
}
ul#tabnav li{
float:left;
height:22px;
background-color:#a3dbff;
margin:0px 3px 0px 0px;
border:1px solid #11a3ff;
}
ul#tabnav a:link, ul#tabnav a:visited{
display:block;
color:#006eb3;
text-decoration:none;
padding:5px 10px 3px 10px;
}
ul#tabnav a:hover{
background-color:#006eb3;
color:#FFFFFF;
}
ul#tabnav a:active{
background-color:red;
color:#FFFFFF;
}
</style>
</head>
<body id="blog">
<ul id="tabnav">
<li id="a"><a href="javascript:m('a')">aaa</a></li>
<li id="b"><a href="javascript:m('b')">bbb</a></li>
<li id="c"><a href="javascript:m('c')">ccc</a></li>
</ul>
</body>
</html>
拷贝的代码,不知道是不是你要的,好像只支持IE
http://blog.csdn.net/theforever/archive/2010/08/23/5832244.aspx