マウスオーバーイベントで画像表示

質問

こんにちわ。
JavaScriptについて質問があります。
あるリンクの上にマウスを重ねると、テーブルのある場所にイメージを表示させることはJavaScriptで可能でしょうか？
やりたい事としては、リンク部分にマウスを重ねると、そのリンクの説明を記した画像をテーブル中に表示させたいと思ってます。
ネットを探しまくったのですが、参考になりそうなページが無かったので質問してみました。
参考になるページでも構いませんので、知っている方がいらっしゃったら宜しくお願いします。

回答No.1

Chronos198 · ベストアンサー

スタイルシートで画像を表示したり、消したり出来ます。
<img id="img_on" style="display:inline;"> 表示
<img id="img_off" style="display:none;"> 非表示

これをリンクへのonMouseOrverイベントやonMouseOutイベントで切り替えてやれば、画像のOn/Offが可能です。

<a href="hoge.html" onMouseOver="img2on()" onMouseOut="img2off()">リンク</a>
<script language="JavaScript">
function img2on()
{
img_off.style.display="inline";
}
function img2off()
{
img_off.style.display="none";
}
</script>

といった感じで。

お礼

早速の回答ありがとうございます。
とても参考になり、私の問題も解決できました。