html 点击<a>元素后颜色的变换

可以利用CSS的伪类实现：

a:link，定义正常链接的样式； 
a:visited，定义已访问过链接的样式； 
a:hover，定义鼠标悬浮在链接上时的样式； 
a:active，定义鼠标点击链接时的样式。 

例子：

<style type="text/css">
a:link { 
color:#3C3C3C; 
text-decoration:underline; 
} 
a:visited { 
color:#0000FF; 
text-decoration:none; 
} 
a:hover { 
color:#FF00FF; 
text-decoration:none; 
} 
a:active { 
color:#D200D2; 
text-decoration:none; 
} 
</style>

<a href="http://baidu.com" target='_blank'>****</a>

例子说明：定义的链接颜色是

3C3C3C

FF00FF

D200D2