onMouseOverで、作成できますか？

質問

皆様、こんにちは。
友人に聞かれた内容に答えられなかったので、お聞きしたい事がありまして。

onMouseOverを利用して、リンク指定されている文字の上に乗った時に、
色を変更させる方法についてです。
CSSを用いれば、a:hover{color:red;}という様な記述をすれば、
ポインタがリンク上に乗れば、色が変わるという事は分かるのですが、
１度リンクを押してしまうと、再びポインタがリンク上に乗っても色が変わらないままです。
それを、onMouseOverを利用して何度ポインタがリンク上に乗っても、
色が変わる様にしたいのですが、onMouseOverについて詳しくなく、
答えられなかったものでして。

JavaScriptを用いて、且つonMouseOverでCSSで言うa:hoverを何度も使える様な方法を、
何方様かご存じでいらっしゃいましたら、教えて頂けませんでしょうか？

以前にも同じような質問がありましたら、申し訳ありません。
アドバイス、ご指摘宜しくお願い致します。
言葉足らずな場合とあれば、補足にて追記致します。
お忙しい中、申し訳ありませんが宜しくお願い致します。

回答No.2

sakuhat · ベストアンサー

MouseOutイベントを使っていいなら

<a
href="http://okweb.jp/"
onMouseOver="this.style.color='green'"
onMouseOut="this.style.color='black'"
style="color:black">
OKWeb</a>

で出来ますね。

お礼

sakuhat様、ご回答有り難う御座います。

MouseOutのイベントも使った方が、作りやすそうですね。
この方法で、試したいと思います。

どうも有り難う御座いました。

回答No.1

acacia7

onMouseOverで色が変わる様にすると同時に、
onMouseOutで色が元に戻る様にすると良いかと。

お礼

acacia7様、ご回答有り難う御座います。

onMouseOverとonMouseOutを組み合わせてみると、
動作するには良いのですね。

試してみますね、有り難う御座いました。