<style>
.a
{
background-color:#000000;
}
.b
{
background-color:#ffffff;
}
</style>
<ul>
<li id="aaa1" onclick="setClassName(this,'a')"> <a href="#">aaaa</a> </li>
<li id="aaa2" onclick="setClassName(this,'a')"> <a href="#">bbbbb</a> </li>
<li id="aaa3" onclick="setClassName(this,'a')"> <a href="#">ccccc </a></li>
<li id="aaa4" onclick="setClassName(this,'a')"> <a href="#">ddddd </a></li>
</ul>
<script language="javascript">
function setClassName(obj,style)
{
for(var i=1;i<5;i++)
{
var dx=eval('document.getElementById("aaa'+i+'")');
if(dx==obj)
{
dx.className=style;
}
else
{
dx.className='b'; //或者设置为空
}
}
}
</script>
