読者です 読者をやめる 読者になる 読者になる

jqueryで画像ロールオーバー(rollover)の実現

プラグインなしでjqueryを使用して画像ロールオーバー(rollover)を実現する。dreamweaverで吐き出すコードは使用しないのでhtmlコードがシンプルに書けるところが利点。

http://rewish.org/javascript/jquery_rollover

ここでは、

<ul>
  <li class="rollover"><a href="#"><img src="foo.jpg" alt="サンプル" /></a></li>
</ul>

と書いておくとよいようだ。
また、foo_on.jpgと"_on"がファイル名に含まれる画像を指定するとそこはロールオーバーしないような機能を追加している。

この元記事は、

http://dev.telepath.co.jp/labs/article.php?id=15

のようだ。