asp.net 点击一个(a标签)连接改变它的颜色,点击(a标签)另一个连接,将上一个的颜色还原。

我用a标签的四个伪类,得到的效果是,点一下颜色改变了,但马上又变回来了。我要的是,点击之后颜色改变,不还原,等点击另外一个时才将上一个变回去!

代码如下,用JS做,你看可以吗
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function achange(id)
{
var OldColor='#33cc66';//保存a标签单击前的颜色
var a=document.getElementsByTagName("a");
for(var i=0;i<a.length;i++)
{
if(a[i].id==id)
a[i].style.color='#005588'; //点击后的颜色在这里改就好了
else
a[i].style.color=OldColor;
}
}
</script>
<style>
a{ color:#33CC66} //设置原来a标签的颜色
</style>
</head>

<body>
<a href="#" id="a1" onclick="achange(this.id)">中华人民</a><br />
<a href="#" id="a2" onclick="achange(this.id)">中华人民</a><br />
<a href="#" id="a3" onclick="achange(this.id)">中华人民</a>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2011-03-23
在站点管理那里修改链接颜色
相似回答
大家正在搜