2008年05月18日

画像のロールオーバー,マウスが乗ると画像が入れ替わります。

スポンサード リンク


サンプルソース


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<body>
<IMG src="*******/image/hana.gif" width="150" height="150" name="swImg"
onmouseover = "document.swImg.src = '*******/image/wanwan.gif'"
onmouseout = "document.swImg.src = '*******/image/hana.gif'" />
</body></HTML>
 

ひとこと、二言

ただこれだけのソースを貼るだけでOK! ロールオーバーではいちばん簡単ではないでしょうか
src以降の'画像のURL'は御自分の画像のURLをいれてください。

name="swImg"は画像に付けられた name属性です。私のnameは"swImg"ですよ ということでしょうね。
onmouseover(マウスが上にくれば)document.swImg.src(画像のURL)に*******/image/wanwan.gif
代入して画像を入れ替えます。
onmouseout(マウスが去れば)でもとの画像に戻しています

posted by javaScript at 21:23 | 大阪 | 画像 | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。