サイトの上位レイヤーに別HTMLを表示させるJavaScript。Lightboxみたいなアレ、と言った方が分かりやすいかも。MacOS Xのダイアログみたいな出方をするのが個人的に好きだな。サイト内の“Start Demo”をクリックするとデモが始まります。上からニュっと出てくるウィンドウ内の、“Continue”をクリックすると次のページに移動するんだけど、ウィンドウのリサイズの動きまで作ってあって芸が細かい。デモサイト内でも使われてるように、メールフォームあたりに最適かも。導入については、まずprototypeと and script.aculo.usが必要。プロトタイプについては、これ系でだいたい使われてるから導入済みの人も多いと思います。その後はいつものようにサイトヘッダにJSの読み込み行を記述して、ModalBoxで使うCSSファイルにもリンク。わりと簡単な作業で準備できます。その内導入したいなーと思えるナイスなJavaScript。

ModalBox >>