Jquery modal box plugin

JavaScript

CSS3アニメーションによるモーダルボックス「Jquery modal box plugin」

Jquery modal box pluginはCSS3アニメーションによる軽量なモーダルボックスを実装できるjQueryモーダルプラグインです。多彩なエフェクトによる表現が可能で、オプションやイベントもいくつか用意されていることからカスタマイズ性も備えています。

Jquery modal box plugin

デモ

デモでは、大きく分類するとバウンス、フェード、フリップ、回転、ズームなどといった様々なエフェクトによるモーダルボックスが用意されています。バウンスひとつとっても、bounceIn、bounceInDown、bounceInUp、bounceInLeft、bounceInRightというエフェクトがあり、かなり豊富なエフェクトによる表現が可能です。

各エフェクトのボタンをクリックすると、そのエフェクトによるモーダルボックスを確認できます。

オプションには、openAnimationDuration、closeAnimationDuration、openAnimationEffect、closeAnimationEffect、closeOnEscape、autoClose、autoCloseDelayという項目が用意されています。

そのほか、イベントやメソッドもいくつかあるので気になる人はぜひチェックしてみてください。

Jquery modal box plugin

関連記事

  1. jquery-time-slider

    JavaScript

    時間と日付を選択できる「jquery-time-slider」

    jquery-time-sliderは時間と日付を選択できるjQuer…

  2. Albe Timeline

    JavaScript

    JSONデータを用いたタイムライン実装「Albe Timeline」

    Albe TimelineはJSONデータを用いたカスタマイズ性の高い…

  3. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

  4. JavaScript

    ぼかし背景を画像から作成できるjQueryプラグイン「Blurr」

    BlurrというjQueryプラグインを使えば、ぼかし背景を画像から簡…

  5. Slinky.js

    JavaScript

    上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」

    なかなか面白かったのでご紹介します。上下にスクロールするとコンテンツが…

  6. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP