2014/05/13

[jQuery]jRumbleプラグイン

結構まえからあるプラグインなのですが、あるbox要素を揺らしてくれるjRumbleプラグインというのがあります。

導入はめちゃくちゃ簡単で、下のような感じにすればおk

<div id="hoge"></div>
<script>
jQuery(function($){
  //setup
  $('#hoge').jrumble(
    x: 10,
    y: 10,
    rotation: 4
  );

  //揺れる動作をする
  $('#hoge').trigger('startRumble');

  //揺れる動作をストップさせる
  $('#hoge').trigger('stopRumble');
});
</script>
おもしろいエフェクトを追加したい場合に、役に立つかなと。

0 コメント:

コメントを投稿