Jquery modal box pluginはCSS3アニメーションによる軽量なモーダルボックスを実装できるjQueryモーダルプラグインです。多彩なエフェクトによる表現が可能で、オプションやイベントもいくつか用意されていることからカスタマイズ性も備えています。
Jquery modal box plugin
以下のページからJquery modal box pluginの実際のデモ動作をチェックできます。
デモでは、大きく分類するとバウンス、フェード、フリップ、回転、ズームなどといった様々なエフェクトによるモーダルボックスが用意されています。バウンスひとつとっても、bounceIn、bounceInDown、bounceInUp、bounceInLeft、bounceInRightというエフェクトがあり、かなり豊富なエフェクトによる表現が可能です。
各エフェクトのボタンをクリックすると、そのエフェクトによるモーダルボックスを確認できます。
オプションには、openAnimationDuration、closeAnimationDuration、openAnimationEffect、closeAnimationEffect、closeOnEscape、autoClose、autoCloseDelayという項目が用意されています。
そのほか、イベントやメソッドもいくつかあるので気になる人はぜひチェックしてみてください。
というわけで、CSSアニメーションを使用した多彩なエフェクトによるモーダルボックスを実装できる「Jquery modal box plugin」の紹介でした。
