マウスオン(ロールオーバー)した時に画像を変えたいと思うことはありませんか?

上の画像はマウスオンすると画像が変わるようになっています。
ジャバスクリプトを記述する方法もありますが、かなり面倒なのでhtmlだけで記述する方法をご紹介します。
以下は先ほど紹介した画像のタグを引用しています。
HTML:
-
<a href="http://blog.with2.net/link.php?あなたのID" title="人気ブログランキングへ" target="_blank">
-
<img src="イメージのURIその①" border="0" alt="人気ブログランキングへ" width="幅" height="高さ" onmouseover="this.src='イメージのURIその②'" onmouseout="this.src='イメージのURIその①'" /></a>
実装してみるとややうるさい感じもしますが、変化を演出するにはお手軽な小技です。
この方がずっと簡単で、あなたのブログにもそのまま応用できると思いますよ!(^-^)/ |