[21.10.13] exam11(02

JAVA_EE/JQuery

[21.10.13] exam11(02_jQueryEvent)

luvforjunk 2021. 10. 14. 09:34

728x90

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/event.css">
</head>
<body>
<h1>창 크기 조절 이벤트</h1>
<div id="result"></div>

<script type="text/javascript" src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(function(){
	$(window).resize(function(){ /* window : 창 크기 */
		$('#result').html('<p>' + $(window).width() + 'x' + $(window).height() + '<p>');
	});
});
</script>
</body>
</html>

728x90