Home > スポンサー広告 > 画像にマウスを乗せると別の画像に変化する


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 Comments:-

リョウ URL 2008-04-09 (水) 00:34

いつもブログ見ては勉強させてもらってます。
楽しみに見てるので頑張ってくださいね!

TomomiX URL 2008-04-09 (水) 09:17

>リョウさん
これからも色々なネタを更新しますので、是非お願いします^^

Comment Form

 Trackback+Pingback:-

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/161-75fb6a40
Listed below are links to weblogs that reference
スポンサーサイト from TRASH

Home > スポンサー広告 > 画像にマウスを乗せると別の画像に変化する

Home > FC2blog Tips > 画像にマウスを乗せると別の画像に変化する


画像にマウスを乗せると別の画像に変化する

これは、マウスオン・アウト(onmouseover/onmouseout)を使った画像変更タグです。まずは、以下の画像にマウスを乗せてみてください。同じ画像の反転版に変化し、マウスを画像の外に戻してみると、元に戻ります。



一番簡単な記述方法かと思いますが、以下をご参考ください。もちろん、自分の画像URLなどにあわせて、「comment」部分は好きに記述しても構いません。(多分)
<a href="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/20080407_1s.jpg" onMouseOver="window.status='comment';return true" target="_blank">
<img src="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/20080407_1s.jpg" onmouseover="this.src='http://blog31.fc2.com/b/blackcat13numbers/file/20080407_3s.jpg'" onmouseout="this.src='http://blog31.fc2.com/b/blackcat13numbers/file/20080407_1s.jpg'" border="0"></a>
スポンサーサイト

 Comments:2

リョウ URL 2008-04-09 (水) 00:34

いつもブログ見ては勉強させてもらってます。
楽しみに見てるので頑張ってくださいね!

TomomiX URL 2008-04-09 (水) 09:17

>リョウさん
これからも色々なネタを更新しますので、是非お願いします^^

Comment Form

 Trackback+Pingback:0

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/161-75fb6a40
Listed below are links to weblogs that reference
画像にマウスを乗せると別の画像に変化する from TRASH

Home > FC2blog Tips > 画像にマウスを乗せると別の画像に変化する

Recent Comments
Recent Trackback
Feeds

↑Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。