plainModal

JavaScript

カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウを実装することができるjQueryプラグインです。モーダルウィンドウの基本的な機能を持ちながら自由度の高いスタイルを作ることができます。

[ads_center]

plainModal

plainModal

plainModal

デモでは通常のサンプルの他にもSVGを使ってカスタマイズしたものやスタイルなしのもの、またはウィンドウが上から降りてくるアニメーションカスタマイズのものまで色々と用意されているので、実際の動作を確認したい方は是非チェックしてみてください。

ちなみにウィンドウを閉じる時はescキーでも閉じることができるようになっています。

また、オプションを使うことでモーダルウィンドウを表示する位置や不透明度などを調節することができる他、オーバーレイの背景に画像を設定することもできます。

カスタマイズがしやすいシンプルなモーダルウィンドウを実装したい場合は覚えておきたいjQueryプラグインですね。

Guardianフォームにバリデーションを実装できるjQueryプラグイン「Guardian」前のページ

セレクトボックスをオシャレにスタイリングしてくれるJS・CSSライブラリ「Select.js」次のページSelect.js

関連記事

  1. SweetModal

    JavaScript

    シンプルでエレガントなモーダルウィンドウを実装できる「SweetModal」

    SweetModalは、アラートやダイアログなどをシンプルでエレガント…

  2. Vertical Fixed Navigation #2
  3. Warp drive jQuery plugin
  4. no-image

    JavaScript

    スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

    ggContentMenuはスライドアニメーションを備えた多階層に最適…

  5. Toast

    JavaScript

    アニメーション付きでスタッキングしていくメッセージ通知「Toast」

    Toastはアニメーション付きのメッセージ通知を表示することができるj…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP