css被点击后改变样式,a 标签点击后改变样式，点击其他a时样式还原，怎么也弄不出来？？...

现在只是鼠标滑过时显示，点击后没反应，点击其他a标签时要实现首页a恢复原有状态

代码如下：

• 首页
• 展示

script代码：

function ChangeClass() {

var a = document.getElementById("home");

a.setAttribute("style", "width:118px; height:50px; text-decoration:none; color:#fff; background:url(images/titleback_yes1.png); background-repeat:no-repeat;");

}

function ChangeClass2() {

var a = document.getElementById("zs");

a.setAttribute("style", "width:118px; height:50px; text-decoration:none; color:#fff; background:url(images/titleback_yes2.png); background-repeat:no-repeat;");

style.css

}

}

style.css

.title1 a{

width:118px;

height:50px;

color:#333;

line-height:50px;

text-align:center;

display:block;

float:left;

text-decoration:none;

background: url(../images/titleback1.png);

background-repeat:no-repeat;

margin-right:-14px;

}

style.css

.title1 a:active {width:118px; height:50px; text-decoration:blink; color:#fff; background:url(../images/titleback_yes1.png); background-repeat:no-repeat;}

.title1 a:hover {width:118px; height:50px; text-decoration:none; color:#fff; background:url(../images/titleback_yes1.png); background-repeat:no-repeat;}