FC2ブログ

Home > 2008年04月07日


2008年04月07日

スポンサーサイト

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

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

これは、マウスオン・アウト(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 > 2008年04月07日

Recent Comments
Recent Trackback
Feeds

↑Page Top

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