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

Question

我有几个html链接，我将onmouseover和onmouseout设置为更改颜色，我想要做的是单击链接之一时，链接设置为某种颜色，并且鼠标悬停效果不再在点击的链接上有效，但在其他链接上有效。 这些链接可激活javascript功能，但不会定向到另一个网页。

有什么想法可以做到吗？

<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>

这是我的链接之一，您可以看到我设置了onmouseover和onmouseout设置。

Answer 1

使用此CSS获得悬停效果

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

现在，在功能下拉列表中，您可以添加单击链接时选择的类。

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

Answer 2

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

Answer 3

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