用途
新着
履歴
言語

  • GoogleAppsScript
  • Git

jQuery モーダルウィンドウ

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
LINEでシェア
このページの二次元コード

関連するサンプル

search -  category -  about
© 2019 kipure
Top