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. no-image

    JavaScript

    さまざまなSVGパターンによるCSSプログレスバー「Bars」

    Barsはさまざまな種類のSVGパターンによるCSSプログレスバーを実…

  2. timedropper

    JavaScript

    時刻を指定しやすくしてくれるjQueryのタイムピッカー「timedropper」

    timedropperは時刻の指定をしやすいUIを実装できるjQuer…

  3. Owl Carousel 2

    JavaScript

    美しいレスポンシブなカルーセルスライダーを実装できる「Owl Carousel 2」

    Owl Carousel 2は、美しいレスポンシブなカルーセルスライダ…

  4. jquery.simple-scroll-follow
  5. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

  6. normalmap.js

    JavaScript

    インタラクティブなライティングエフェクトを実装できる「normalmap.js」

    normalmap.jsはシンプルでインタラクティブなライティングエフ…

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP