WEB.JQUERY

chapter04 : jQuery_mouse_event

GAWON 2023. 5. 22. 09:20 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.4.1.js"></script>
<script type="text/javascript">
	$(function(){
		$("#header").mouseover(function(){
			$("#header").css("background-color", "yellow");
		});
		$("#header").mouseout(function(){
			$("#header").css("background-color", "pink");
		});
	});
</script>
</head>
<body>
	<h2 id="header">MouseOver / MouseOut</h2>
</body>
</html>