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

Changing font color on mouseover and click javascript or html

本文关键字：然后 单击 javascript html 颜色 字体 鼠标 悬停      更新时间：2023-09-26

我有几个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集。

使用此CSS获得悬停效果

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

现在，在你的函数幻灯片上，你可以添加一个类。当你点击链接时选择。

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

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

将悬停应用于类，并在单击时发出改变链接类的嘟嘟声，这样悬停就不会应用于单击的链接。

相关文章：