<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>script 태그에 자바스크립트 작성</title>
<script>
function over(obj) {
obj.src="media/banana.png";
}
function out(obj) {
obj.src="media/apple.png";
}
</script>
</head>
<body>
<h3>마우스 올려 보세요</h3>
<hr>
<img src="media/apple.png" alt="이미지"
onmouseover="over(this)"
onmouseout="out(this)">
</body>
</html>
///////////////////////////////////////////////////
책에 나와있는 예제 6-2의 코드입니다.
이미 사과 이미지를 배치했는데
왜 따로 function out(obj) {
obj.src="media/apple.png";} 를 주어야 하는가요?
빨간색 부분의 코드를 지워도 결과는 똑같은데 무슨 차이, 이유가 있는건가요?
공부하다가 궁금해서 질문합니다!!
만일 out() 함수가 없다면, 마우스를 이미지 위에 올려 바나나가 출력되고 그 후 마우스를 다른 곳으로 옮겨도 사과 이미지로 돌아오지 않습니다.
out()은 마우스를 다른 곳으로 옮겼을 때 이미지 태그에 사과를 출력하기 위한 것입니다.
이 예제의 목적은 MOUSE OVER 이벤트와 MOUSE OUT 이벤트의 발생을 확인하는데 있습니다.
혹시 이 대답이 부족하거나 질문자의 의도를 제가 잘 이해못하였다면
다시 질문 주세요.