定番
新着
履歴

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();
	});
});

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

2016-02-04 23:55:25
このページの二次元コード

関連するサンプル

人気記事ランキング

© 2019 kipure
Top