jAnimate

JavaScript

フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

jAnimateはフリップやバウンスなどといったアニメーションを要素に実装することができるjQueryプラグインです。Animate.cssとjQueryが使われています。サクッと手軽に使える感じがいいですね。

jAnimate

デモ

また、詳しい使い方も上記のページで確認することができます。

こんな感じで実装がとてもシンプルです。

$('#title').jAnimate('flipOutX');

flipOutXの他にも、swing、shake、fadeOut、fadeIn、rotateOutと様々なアニメーションエフェクトがあるので、気になる方は是非チェックしてみてください。

jAnimate

Motion Blur Effect with SVGブラーエフェクトを効果的に取り入れる「Motion Blur Effect with SVG」前のページ

ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」次のページNex

関連記事

  1. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

  2. ShowMore.js

    JavaScript

    長いコンテンツを折りたためるjQueryプラグイン「ShowMore.js」

    ShowMore.jsは長いコンテンツを折りたたんで表示・非表示を簡単…

  3. JavaScript

    スライドアニメーションが素敵なjQueryスライダー「Slideshow with jmpress.…

    とても素敵なスライドアニメーションを実装することができるjQueryス…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーション動作中と停止中で処理を分ける:animatedと:not(:animat…

    jQueryでアニメーションが動作中の時だけ、またはアニメーションが停…

  5. JavaScript

    レスポンシブ対応で画像やテキストも自由にスライドできるjQueryスライダー「Responsly.j…

    スマホにも対応したレスポンシブのjQueryスライダー「Respons…

  6. JavaScript

    360度画像を回転させるjQueryプラグイン10

    画像を360度回転させて見せることができる素敵なjQueryプラグイン…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP