https://yanagawa.ed.jp/js/modal.js

1$(function(){
2$("#modal-open,#modal-open2").click( function(){
3	$( this ).blur() ;	
4	if( $( "#modal-overlay" )[0] ) return false ;		
5
6	$( "body" ).append( '<div id="modal-overlay"></div>' ) ;
7	$( "#modal-overlay" ).fadeIn( "slow" ) ;
8
9	centeringModalSyncer() ;
10
11	$( "#modal-content" ).fadeIn( "slow" ) ;
12	$( "#modal-overlay,#modal-close" ).unbind().click( function(){
13		$( "#modal-content,#modal-overlay" ).fadeOut( "slow" , function(){
14			$('#modal-overlay').remove() ;
15		} ) ;
16	} ) ;
17} ) ;
18$( window ).resize( centeringModalSyncer ) ;
19	function centeringModalSyncer() {
20		var w = $( window ).width() ;
21		var h = $( window ).height() ;
22		var cw = $( "#modal-content" ).outerWidth();
23		var ch = $( "#modal-content" ).outerHeight();
24		$( "#modal-content" ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ;
25	}
26} ) ;