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