plainModal

JavaScript

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

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

[ads_center]

plainModal

plainModal

plainModal

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

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

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

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

関連記事

  1. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  2. Timeline

    JavaScript

    水平・垂直に対応したVanilla JSによるタイムライン実装「Timeline」

    Timelineは水平・垂直に対応したVanilla JSを使ったタイ…

  3. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

  4. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

  5. no-image

    JavaScript

    カスタマイズ性の高いjQueryアラート・モーダル・lightboxプラグイン「jAlert」

    jAlertはカスタマイズ性の高いjQueryアラート・モーダル・li…

最近の記事

  1. タリーズ ハウスブレンド
  2. BAG-TW1BKシリーズ
  3. 落ち葉と雪

アーカイブ

PAGE TOP