jQuery Plugin Hovtive
jQuery用のプラグイン、Hovtiveをアップしました。手っ取り早くてきとーに作っていたところ使いまわしたくなったのでプラグインに変更。たいした物でもなく使い道も限られてるのでソースは特に詰めてないです。
このプラグインではロールオーバーの画像処理をします。CSSで言うhoverとactiveの両方に対応。使い方は下記ソースコード参照。
-
//default
-
$(d).ready(function(){
-
$(".hovtive").hovtive();
-
});
-
-
//custom
-
$(d).ready(function(){
-
$(".hovtive").hovtive(
-
{
-
flag: false,
-
hover: "_over",
-
active: "_down"
-
}
-
);
-
});
-
-
/*
-
デフォルトの設定
-
flag : true (activeを使わないならfalse)
-
hover : "_hover" (hoverのファイル名末尾)
-
active : "_active" (activeのファイル名末尾)
-
-
hover activeのファイル名末尾には区切り文字としてアンダーバーと[a-z]の文字が使用できます。
-
Ex)
-
$(".hovtive").hovtive({hover: "_over",active: "_down"});
-
・ファイル名
-
nav_01_over.png
-
nav_01_down.png
-
*/
HTML側ではaタグにclass名「hovtive」を付けて完了。画像のプリロードについては下記リンク先の方法でさっくりできます。
