js实现点击链接改变背景色
要实现的效果：点击链接改变背景颜色
先看css部分：
.bgcolor{
background:#ccc;
}
先看css部分：
.bgcolor{
background:#ccc;
}
再看html部分：
<ul id="ful">
<li><a onclick="changeBgColor(this)" href="#">我们是做什么的？</a></li>
<li><a onclick="changeBgColor(this)" href="#">我们能做些什么？</a></li>
<li><a onclick="changeBgColor(this)" href="#">我们已经做过些什么？</a></li>
</ul>
最后来看js部分：
function changeBgColor(link)
{
var alllinks=document.getElementById("ful").getElementsByTagName("a");
for (var i=0; i<alllinks.length; i++){
alllinks[i].className="";
}
link.className="bgcolor";
}
原理比较简单：
定义一个函数，让每个a的onclick时间去调用这个函数，将ID对应的那个UL里所有a的className都质空，被点击的a的className为你设定的bgcolor
