plainModal

JavaScript

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

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

[ads_center]

plainModal

plainModal

plainModal

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

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

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

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

関連記事

  1. Background Blur

    JavaScript

    画像をボカしてくれるクロスブラウザ対応の「Background Blur」

    Background Blurは画像をカッコよくボカしてくれるクロスブ…

  2. JavaScript

    レスポンシブ対応で優雅なエフェクトが印象的なjQueryスライダー「Juicy Slider」

    レスポンシブに対応している軽量のjQueryスライダー「Juicy S…

  3. jQuery.mousetip

    JavaScript

    マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」

    jQuery.mousetipはマウスの動きや位置に追従してくる軽量の…

  4. Folder Preview Ideas

    JavaScript

    フォルダに楽しいホバーアニメーションをつける「Folder Preview Ideas」

    Folder Preview Ideasは、フォルダにさまざまな楽しい…

  5. no-image

    JavaScript

    レスポンシブに対応したモーダルウィンドウのようなアラート実装「jquery.alert」

    jquery.alertはレスポンシブに対応したモーダルウィンドウ風の…

  6. h5Validate

    JavaScript

    HTML5のフォームバリデーションを実装できるjQueryプラグイン「h5Validate」

    h5ValidateはHTML5によるフォームバリデーションを実装する…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP