html 点击元素后颜色的变换

               

可以利用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

。