jQuery 要素を点滅させる

要素をクリックした際に、ユーザーへ知らせるなどに使えるちょっとしたプラグイン。
(実際に使う際は圧縮かネストするとのがいいと思います。)

▽プラグイン

;(function($) {
$.fn.extend({
firefly: function(options) {
var defaults = {
clickable: '.firefly',
times: 3,
steps: 0.5,
diff: 0.6,
speed: 500,
}
var opt = $.extend(defaults, options);

$(opt.clickable).live('click', function() {
execute($(this));
});

function execute(t) {
for (i = 0; i < opt.times; i += 0.5) {
$(t).stop().animate({opacity: opt.diff}, opt.speed).animate({opacity: 1}, opt.speed);
}
}
}
});
})(jQuery);

▽基本の使い方

$(this).firefly();

▽オプションを使う場合
オプションは
clickable　cssクラス
times　点滅回数
diff　点滅明暗強さ
speed　点滅速度
が指定できます。

例)
・点滅させるクリック要素　.ff
・点滅回数 10回
・点滅明暗 強め
・点滅速度 遅め
を指定する場合は下記のようにします。

$(this).firefly({
clickable: ',ff',
times: 10,
diff: 0.2,
speed: 'slow',
});

何か使えそうであれば使ってみてください。

>> プログラミングの基本を学びたい方はこちらから