js控制a标签在未读时是黑色，当前在读时是蓝色，已读后变灰色

js控制a标签在未读时是黑色，当前在读时是蓝色，已读后变灰色

css样式表里写入
链接的四种状态：
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻
a:link {color:#000;}
a:visited {color:blue;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}

追问用js 读的时候保持蓝色 点别的a标签的时候 变成灰色。追答a标签就以下四种状态；读是指已访问的链接？无论你是用css和js；能改变的只是a的状态；
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻
追问我知道啊 我要的不是这个 比如我active点击时刻是蓝色 我要保持住这个蓝色，点到下个a标签的时候这个a标签就变成灰色 懂了？？追答用js添加onmousemove和onclick事件。当鼠标移入的时候设置style为蓝色。下一个事件的时候改变style，并设置点击的事件就可以了。追问是不是我问的不清楚。。a1 a2 a3 这3个一开始保持黑色 点击a1一个出现一个新闻在旁边（a2,a3也一样）此时在阅读新闻，鼠标没在a1上面，a1保持蓝色（a2,a3黑色），然后我点a2，此时a1马上变成灰色，a2为蓝，a3还是黑色，阅读完a2的新闻点击a3，a1,a2为灰色，a3为蓝色。追答点击链接的时候时候判断所有的a元素hasClass('active')，如果存在说明点击过，除当前外，其他追加class或者样式为灰色，如果没有就说明没点击，本身a元素添加class类active或者样式。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！