用途
新着
履歴
分類

jQuery モーダルウィンドウ

jQuery モーダルウィンドウ

モーダルウィンドウとは、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();
	});
});

画面センターにフェードインするパターンや画面上部から勢いよく降りてくるパターンなどいくつか以下のリンク先にサンプルを用意しました。

公開 2019-07-31 08:38:31
このページの二次元コード
jQuery モーダルウィンドウ

人気のサンプル

search -  category -  about
© 2024 kipure
Top