[jQuery]twinkleプラグイン

PHPSPOTのクリックで水滴を落としたようにアニメーションさせられるｊQueryプラグイン「jQuery.twinkle」を見て、ちょっと面白そうだったので、実装方法を確認しました。

jQuery.twinkleを読むと、たった、これだけ

$(selector).twinkle();

別にクリックしなくても上のプラグインで呼び出すことができる。

なんか、callbackパラメータがないとエラーがでてしまうので、それだけは注意。

繰り返し再生用に下のようにしました。

function _twinkle(){

  $('#hoge').twinkle({
    effect: 'splash',
    effectOptions: {
      color: 'rgba(255,0,0,0.5)',
      radius: 100
    },
    callback:_twinkle
  });

}

_twinkle();

アニメーションもいろいろなパターンがあるので、是非、お試しあれ。