plainModal

JavaScript

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

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

[ads_center]

plainModal

plainModal

plainModal

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

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

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

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

関連記事

  1. Playful Little Tooltip Ideas
  2. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

  3. DropDownMenu

    JavaScript

    レスポンシブ対応で多階層なドロップダウンメニューを実装できる「DropDownMenu」

    DropDownMenuは、レスポンシブに対応した多階層なドロップダウ…

  4. ScrollMenu.js

    JavaScript

    縦横配置やナビメニューと統合できる便利なスクロールバー「ScrollMenu.js」

    ScrollMenu.jsは通常の味気ないスクロールバーを便利で新しい…

  5. Tag-it

    JavaScript

    サジェスト機能を搭載したタグ編集ウィジェット「Tag-it」

    Tag-itはサジェスト機能を搭載したjQuery UIプラグインによ…

  6. SweetModal

    JavaScript

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

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

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP