オブジェクトをブルブル震わせるキュートな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名を記述します。
自分のサイトに今までになかった動きがつくと、なんだか楽しいです!
みなさんも是非取り入れてみてくださいヽ(●´∀`●)ノ
以上、霙でした!
この記事がお役に立ったら
いいね!お願いしまっす
(*´∨`*)
この記事を書いたみぞれしはTwitterをやっています
Follow @xxmiz0rexx