jQuery

オブジェクトをブルブル震わせるキュートなjQueryプラグイン『jRumble』



ハロウィン用のブログ装飾を考えていた時に出会った、とっても可愛いjQueryプラグインをご紹介します:) 最近Photoshop VIPさんがブルブルしてるのもコレを使っていたんですね!

最近たまに見かける、様々なオブジェクトをブルブルさせることができるjQueryプラグインです。当サイトではロゴ部分にブルブル指定をしてみました(ハロウィン期間限定)

配布サイト

jRumble | A jQuery Plugin That Rumbles Elements

DEMOで震え方をチェックできます。 ライセンスはMIT Licenseなので商用サイトでも安心して利用できますね:)

使い方

ヘッダーにjQuery&jRumbleを読み込み、簡単なスクリプトを記述すればOKです。

<header>~</header>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jrumble.1.1.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('#aaa').jrumble();
});
</script>

#aaaにはブルブルさせたい要素のID名を記述します。

自分のサイトに今までになかった動きがつくと、なんだか楽しいです!
みなさんも是非取り入れてみてくださいヽ(●´∀`●)ノ

以上、霙でした!