ウェビメモ

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名を記述します。

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

以上、霙でした！

Ranking