jQuery勉強メモ：画像や文字の透明度を利用したロールオーバーをプラグイン化してみた

昨日のプラグインの記述方法を利用して、 自分がよく使う機能をプラグイン化してみた。 今回のは、以前にも紹介した、透明度を利用したロールオーバー。 時々利用するのでプラグインの記述方法で書き直してみた。 透明度を利用するロールオーバー 作ったプラグインのデフォルトの状態は、 以前に紹介したロールオーバーの逆、 ロールオーバー時に透明になっていき、 マウスが離れたときは、もとに戻る仕様にしています。 ■JavaScript (function($) { $(function() { $.hamFunction.opacityRollOver({ /*適応させる部分の変更*/ fnClass:'.over', /*デフォルトの透明度指定*/ opacityDef:1.0, /*フェードの時間指定*/ fadeTime:200, /*マウスオーバー時の透明度の指定*/ opacityOn:0.6,

[futomo]

ふわっとしたロールオーバー

[kbysbtmup]

ロールオーバーでフェード効果

[webbingstudio]

カーソルを置いた時に上の画像を透過することでじわっとしたロールオーバーを作る