マウスオーバーでフォント色を変更し、javascriptまたはhtmlをクリックします。

Question

私はonmouseoverとonmouseoutが色を変更するように設定されているいくつかのhtmlリンクを持っています。リンクが特定の色に設定され、マウスオーバーエフェクトがクリックされたリンクでは機能しなくなりましたが、他のリンクでは機能しません。これらのリンクはJavaScriptの機能を有効にしますが、別のWebページには誘導しません。

どうすればいいですか？

<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を設定しているのがわかるように私のリンクの1つです。

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

クリックしたときに特定のスタイリングクラスを追加して、他のスタイルを上書きしてマウスオーバースタイルを抑制することができます。あなたがリンクをクリックしたとき.selectedクラスを追加することができますslidedown