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. GRT Responsive Menu
  2. FitVids.JS

    JavaScript

    YouTubeやVimeoからの埋め込み動画をレスポンシブにするjQueryプラグイン「FitVid…

    YouTubeやVimeoからの埋め込み動画をレスポンシブに対応させる…

  3. Tikslus Carousel
  4. Glide.js
  5. JQuery Clock

    JavaScript

    シンプルなアナログ時計を実装できる「JQuery Clock」

    JQuery Clockはシンプルなアナログ時計を実装できます。画像を…

  6. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP