鼠标悬停时更改字体颜色，然后单击javascript或html

Question

I have a couple of html links, that I have onmouseover and onmouseout set to change colors, what I want to be able to do is when I click one of the links, the links is set to a certain color and mouse over effect no longer works on the clicked link but does on the others. these links activate javascript functions but do not direct to another webpage.

Any ideas how I could do this?

<a href="javascript:void(0)" id="paint" onclick="slidedown(this)"  style="color:#FFF" onmouseover="this.style.color = '#FF6600'" onmouseout="this.style.color = '#FFF'"><font style="font-family:pirulen; font-size:12px; margin-left:10px; "><b>Painting</b></font></a>

this is one of my links as you can see I have onmouseover and onmouseout set.

Answer 1

Use this CSS to get the hover effect

a{
    color:#fff;
}
a:hover{
    color:#FF6600;
}
a.selected,a.selected:hover{
    color:#000000;
}

Now, on your function slidedown you can add a class .selected when you click on the link.

this.className = this.className + " selected";

Answer 2

您可以在单击链接时将某些样式类添加到链接中，这会覆盖其他样式并抑制鼠标悬停样式。

Answer 3

将鼠标悬停在一个类上，并创建一个单击按钮，它会在单击时更改链接类，这样，悬停将不会应用于单击的链接。