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 > 画像にマウスを乗せると別の画像に変化する

Search
Adsense

Calendar
« 2008/12 »
S M T W T F S
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -
Categories
Tagcloud
Archives
Recent Comments
Recent Trackback
Feeds

↑Page Top