オンマウスで解る方法教えて！

質問

htmlでテキスト文章を画像としてリンクファイルでアップしています。

この場合で、マウスを乗せると乗せたことが解るようにしたいのですが、画像の場合はどのような方法があるのでしょうか？

画像の入れ替えは望んでいません。例えば、画像全体の色が変るとか、画像枠が表示される等を望んでいます。

cssではなしにhtmlで書きたいと思っています。

検索してもヒットしません。詳しい方居られましたら宜しくお願いします。

回答No.1

Ogre7077

案1. マウスが乗ったら枠を青くする

<img src=テキスト文章の画像.png
style="border:medium solid transparent"
onmouseout="this.style.borderColor='transparent'"
onmouseover="this.style.borderColor='blue'">

案2. マウスが乗ったら色を薄くする

<img src=テキスト文章の画像.png
onmouseout="this.style.opacity=1"
onmouseover="this.style.opacity=0.5">

お礼

cssで希望どおりにしました。

補足

駄目ですね　変化しないです。やはり、ｃｓｓでないと無理なんですかね？

画像はgifです。