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

no-imageスワイプでのスライドもできるシンプルなスライダー「jquery-slide」前のページ

シンプルな棒グラフを生成できる「graphite」次のページgraphite

関連記事

  1. Solution for Long Drop Down Items

    JavaScript

    長いメニューもスクロールで表示できる「Solution for Long Drop Down Ite…

    長いドロップダウンメニューでもスクロール表示してくれるjQueryを活…

  2. Playful Little Tooltip Ideas
  3. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

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

    JavaScript

    jQueryの超基本的なアニメーションを試してみる

    jQueryの基本的なアニメーションを試してみました。やっぱりアニメー…

  6. Popper.js

    JavaScript

    軽量で見やすいツールチップを実装できる「Popper.js」

    Popper.jsはユーザーにとって見やすいツールチップを実装できるJ…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP