ホーム > JavaScript > jquery_autoで超簡単ロールオーバー効果

jquery_autoで超簡単ロールオーバー効果

JavaScriptライブラリの一つ、jQueryと、そのpluginであるjquery_autoを使って画像のロールオーバー効果を得るメモ。

  • jqueryとjquery_autoの二つの外部JSファイルにリンクを張る。
  • 通常状態の画像とマウスオーバー時の画像の二つを用意する。
  • マウスオーバー時の画像名の最後に「_over」をつける。
  • ロールオーバー効果を得たい画像のimgタグ内に「class=”Hover”」を加える。

実行サンプル

今回はこちらのブログエントリーを参考にさせていただきました。ありがとうございました。

コメント:0

コメントフォーム
入力した情報を記憶する

トラックバック:0

この記事のトラックバック URL
http://showzine.info/blog/2009/01/jquery_auto%e3%81%a7%e8%b6%85%e7%b0%a1%e5%8d%98%e3%83%ad%e3%83%bc%e3%83%ab%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e5%8a%b9%e6%9e%9c.html/trackback
トラックバックの送信元リスト
jquery_autoで超簡単ロールオーバー効果 - SHOWJIN*BLOG より

ホーム > JavaScript > jquery_autoで超簡単ロールオーバー効果

検索
フィード

ページの上部に戻る