根据焦点改变一个<a herf>的背景色

Question

我的页面左侧有一排超链接符<a herf>,点击不同超链接在右边会有不同的界面展示
我现在想点击其中一个连接的时候改变这个超练级的背景色,然后点另一个,另一个背景色改变,这个超链接背景色在变成白色
应该怎么做,请高手给个方法.

Answer 1

设置统一的class，选择的为另一种class

Answer 2

建议用css而不是js的onmouseover,onmousedown, js的话可能会影响已经绑定的事件A:hover {background: #f00; color:#fff;} /* 鼠标悬停时变色 */
A:active {background: #000; color:#fff;} /* 鼠标按下时变色 */var LinkStyle='\nA:hover {background: #f00\; color:#fff\;} \/* 鼠标悬停时变色 *\/\nA:active {background: #000\; color:#fff\;} \/* 鼠标按下时变色 *\/\n';
var oCss=document.createTextNode(LinkStyle);
var oStyle=document.createElement('style'); oStyle.type='text/css';
oStyle.appendChild(oCss); document.getElementsByTagName('*')[0].appendChild(oStyle);