Home > 20080407


20080407

画像にマウスを乗せると別の画像に変化する
これは、マウスオン・アウト（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>

Home > 20080407

Search
Adsense

Calendar
« 2008/04 »
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 - - -
Categories
Tagcloud
Archives
Recent Comments
Recent Trackback
Feeds

↑Page Top