要素をブルブルさせるjQueryプラグイン「jRumble」

なんだか楽しかったので、紹介します。
jRumble | A jQuery Plugin That Rumbles Elementsは要素をブルブルさせられるjQueryのプラグインです。
マウスオーバーで印象を与える時に使えなくもないかもしれません。
もしかしたらキャラクターをブルブルさせたら面白いかもしれません。
ま、好きに使ったらいいじゃないでしょうかね。
要素をブルブルさせるjQueryプラグイン「jRumble」サンプル

使用方法
jRumble | A jQuery Plugin That Rumbles Elementsからjrumble.1.0.jsをjQueryからjquery.jsをダウンロードします。
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jrumble.1.0.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#id名').jrumble({
rangeX: 2, //ブルブルX
rangeY: 2, //ブルブルY
rangeRot: 3, //ブルブル角度
rumbleSpeed: 10,//ブルブル速度
rumbleEvent: 'hover' //ブルブルイベント(hover、click、mousedown、constant)
});
});
</script>

あとはブルブル要素を書けば完成です。
背景色があるとわかりやすいです。
<p id="id名"></p>
要素をブルブルさせるjQueryプラグイン「jRumble」サンプル

sponsors

「要素をブルブルさせるjQueryプラグイン「jRumble」」をシェアする

記事作成:
記事URL:

TOP > > > 要素をブルブルさせるjQueryプラグイン「jRumble」