plainModal

JavaScript

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

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

[ads_center]

plainModal

plainModal

plainModal

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

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

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

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

関連記事

  1. RELLAX

    JavaScript

    超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」

    RELLAXは、滑らかなパララックスを実装できるバニラJavaScri…

  2. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

  3. Simple jQuery Slider

    JavaScript

    シンプルなナビ付きのスライダーを実装できる「Simple jQuery Slider」

    シンプルなスライダーを実装できる「Simple jQuery Slid…

  4. photowall

    JavaScript

    Google画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「…

    Google画像検索のようなアニメーションを実装することができるjQu…

  5. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

  6. no-image

    JavaScript

    いろんなズーム機能を実装できるjQueryプラグイン「xZoom」

    xZoomはいろんなズーム機能を実装することができるカスタマイズ性に優…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP