目次

オブジェクトなJavaScriptの基礎講座

画像の切り替え(オンマウス)

◆ はじめに

もともと一つの画像1があったとして、そこにマウスが当たった時(オンマウス)だけ画像2を表示する。

◆ スクリプト

<script type="text/javascript">
function test2(){
document.number1.src = "../img/V1.gif";
}
function test3(){
document.number1.src = "../img/V0.gif";
}
</script>
<p>
下の画像にオンマウスしてください!
<a href="#" OnMouseOver="test2()" OnMouseOut="test3()">
<img src="../img/V0.gif" name="number1" border="0"></a>
</p>

◆ スクリプト実行結果

下の画像にオンマウスしてください!

上記はネスケ4.5、IE4で動作確認。 IEのみでしたら DIVやSPANでも出来ます!

OnMouseOverで 1 にし、OnMouseOutでもとの 0 にしています。

目次