JavaScriptを読み込ませて、ロールオーバーさせたい画像に「class="rollover"」を記載するだけで、マウスオン・オフのアクションを実装できる便利な方法です。
設定方法など詳細についてはこちら⇒隠しテキスト「text-indent:-9999px;」を使わずに画像をロールオーバーする方法

サンプル1

ロールオーバーのサンプル

<a href="http://whitebear-seo.com/seodirector-blog/introduction/text-indent-rollover/"><img src="../img/sample/bear.gif" width="48" height="50" alt="ロールオーバーのサンプル" class="rollover" /></a>

サンプル2

お問い合わせ/お見積もり依頼

<a href="contact/"><img src="img/contact-bt.gif" width="243" height="101" alt="お問い合わせ/お見積もり依頼" class="rollover" /></a>

ページの先頭へ戻る