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. Rain & Water Effect Experiments
  2. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  3. JavaScript

    カスタマイズしやすい軽量のツールチップを実装できるjQueryプラグイン「TinyTip」

    TinyTipはカスタマイズしやすいツールチップを実装することができる…

  4. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

  5. jQuery ui material design datepicker
  6. trunk8

    JavaScript

    長い(はみ出した)テキストを「・・・」に置き換えてくれるjQueryプラグイン「trunk8」

    長いテキストやはみ出したテキストを「・・・」といった文字に置き換えてく…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP