请教各位了，怎样实现一个连接当我点击后会加粗或着变为其他颜色，而当点击别的连接后前一又会变会原来的样式？

Question

<style>
.aaa{
   color:red
}
.bbb{
   color:blue
}
</style>
<script language=javascript>
function changeColor(obj){
var objs=document.getElementsByName("a1")
for(var i=0;i<objs.length;i++)
{
objs[i].className="aaa"
}
obj.className="bbb"
        }
</script>
<a name="a1" class="aaa" href="javascript:void(0)" onclick=changeColor(this)>aaaa</a>
<a name="a1" class="aaa" href="javascript:void(0)" onclick=changeColor(this)>bbbb</a>
<a name="a1" class="aaa" href="javascript:void(0)" onclick=changeColor(this)>cccc</a>

Answer 1

<style> 
.aaa{ 
      color:red 
} 
.bbb{ 
      color:blue 
} .ccc{ 
      background-color:red 
} 
.ddd{ 
      background-color:blue 
} 
</style> 
<script   language=javascript> 
function   changeColor(obj){ 
var   objs=document.getElementsByName("a1") 
for(var   i=0;i <objs.length;i++) 
{ 
objs[i].className="aaa" 
objs[i].parentNode.className="ddd" 
} 
obj.className="bbb" 
obj.parentNode.className="ccc" 
                } 
</script> 
<table border="1">
<tr>
<td class="ddd">
<a   name="a1"   class="aaa"   href="javascript:void(0)"   onclick=changeColor(this)> aaaa </a> 
</td><td class="ddd">
<a   name="a1"   class="aaa"   href="javascript:void(0)"   onclick=changeColor(this)> bbbb </a> 
</td><td class="ddd">
<a   name="a1"   class="aaa"   href="javascript:void(0)"   onclick=changeColor(this)> cccc </a> 
</td>
</tr>
</table>

Answer 2

惭愧的再问一下<a       name="a1"       class="aaa"       href="javascript:void(0)"       onclick=changeColor(this)>   aaaa   </a>   总的css已经做过定义，所以 class="aaa" 不起作用，如何能在不改变总css的情况下，达到预期的效果呢

Answer 3

a:link,a:visited
{
color:#3C3C3C;
text-decoration:none;
}a:hover,a:active
{
color:#FF8E20;
text-decoration:none;
}