[JS]モーダルボックスを実装するシンプルなスクリプト -jQuery modalBox

シンプルだけどマルチプルにカスタマイズできるモーダルボックスのスクリプトをOpen Source Projectから紹介します。

デモのキャプチャ

modal box
デモ

サイトのデモでは、ボックス内にHTMLコンテンツを配置したもの(上キャプチャ)をはじめ、AJAX、画像とよく使用されているものの動作が確認できます。

デモのキャプチャ

デモ:AJAX

デモのキャプチャ

デモ:画像

デモのキャプチャ

デモ:クローズボタンのカスタマイズ

上記のデモのコードは、下記ページで公開されています。
jquery-modalbox-plugin

スクリプトのオプションでは、背景のカラーや透明・不透明、ボックスの表示位置などが設定できます。

sponsors

top of page

©2024 coliss