| ポイント |
<![CDATA[
<img src="image1.gif" onMouseover="this.src='image2.gif'" onMouseout="this.src='image1.gif'">
]]>
|
| 説 明 |
IE4,NN6などDOM (Document Object Model)に対応しているブラウザではハイパーリンクを使わなくても直接imgタグ内にイベントを記述して処理できます。この場合はdocument.画像の名前.srcのように記述しなくても「this.src」に表示する画像URLを入れるだけで画像を切り替えることができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>マウスが重なったら、その下の画像を切り替える【その２】</title>
</head>
<body>
<img src="image1.gif" onMouseover="this.src='image2.gif'" onMouseout="this.src='image1.gif'">
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
マウスが重なったら、その下の画像を切り替える【その２】