モーダルウィンドウとは、JSを使ってポップアップウィンドウのような表現でボックスを表示し、基本的にはこのボックス以外の操作をさせないことを目的として設置します。
ウィンドウの表示のされかたもバリエーションがあり、自由な表現にカスタマイズができます。
サンプルJSはこちら
$(document).ready(function(){
$('#pt1').click(function() {
my_id = $(this).attr("id");
$('#w_'+my_id).css('top','50%');
$('#w_'+my_id).css('left','50%');
$('#w_'+my_id).fadeIn();
});
});
画面センターにフェードインするパターンや画面上部から勢いよく降りてくるパターンなどいくつか以下のリンク先にサンプルを用意しました。