jqueryで画像ロールオーバー(rollover)の実現
プラグインなしでjqueryを使用して画像ロールオーバー(rollover)を実現する。dreamweaverで吐き出すコードは使用しないのでhtmlコードがシンプルに書けるところが利点。
ここでは、
<ul> <li class="rollover"><a href="#"><img src="foo.jpg" alt="サンプル" /></a></li> </ul>
と書いておくとよいようだ。
また、foo_on.jpgと"_on"がファイル名に含まれる画像を指定するとそこはロールオーバーしないような機能を追加している。
この元記事は、
のようだ。