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

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

sponsors

使用方法

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>

サンプル

マウス乗せてブルブル

Javascriptサンプルページ一覧
skuare.net

sponsors