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


  • このエントリーをはてなブックマークに追加
  • Total



ハロウィン用のブログ装飾を考えていた時に出会った、とっても可愛い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名を記述します。

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

以上、霙でした!

この記事をシェアする


記事を最後まで読んでくれた方へ。閲覧どうもありがとうございました:)
ウェビメモがお気に召しましたら是非RSS登録やフォローをお願いします!

関連記事


こんにちは、霙(@xxmiz0rexx)です。 最近ちょっとやりたいことがあってJavaScriptを使って実現させようとしているんですが、 謎の呪文の羅列を前に1行目で断念しまして、 基礎を学ぶためにドットインストール [...]


説明が英語だったり、ちょっと通常とは違う使い方をしていたり・・ そんな時プラグイン一覧画面にひとことメモを付けられたらいいなって思ったことはありませんか? 物覚えの悪いわたしはインストールしてから時間が経ってしまうと、 [...]

jQueryを使ったスムースなタブメニュー


素晴らしく気持ちのいい動きをするタブメニューに出会ったので光の速さで実装してみました。 これは個人的にかなりオススメです!!2008年産みたいなのでもしかして知っている方も多いかも。 前々からサイドバーで記事をランダムピ [...]