[JS]クロスブラウザ対応、モーダルボックスの軽量スクリプト -SimpleModal

モーダルボックスのスクリプトはこれが決定版かもと思わせる「SimpleModal」をEric Martinから紹介します。

デモのキャプチャ

SimpleModal
demo

SimpleModalはモーダルボックスのフレームワークとして機能することを目指したもので、フレキシブルにモーダルボックスを作成することができます。

対応しているブラウザは、IE6/7/8, Fx2/3, Op9/10, Safari3/4, Chrome1/2とのことです。

デモではさまざまなモーダルボックスを試すことができます。

デモのキャプチャ

フォームを配置したモーダルボックス

デモのキャプチャ

Mac OSX風スタイルのモーダルボックス

デモのキャプチャ

ユーザーの確認操作で挙動を変更するモーダルボックス

Eamplesでは他にも、実際の記述例とそのモーダルボックスの動作を確認することができます。

サイトのキャプチャ

Eamples

SimpleModalはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2024 coliss