메뉴 건너뛰기

2021.05.31 17:12

6장 예제 6-2 질문

조회 수 169 댓글 1

<!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";} 
를 주어야 하는가요? 

빨간색 부분의 코드를 지워도 결과는 똑같은데 무슨 차이, 이유가 있는건가요?

 

공부하다가 궁금해서 질문합니다!!

?
  • ?
    관리자 2021.05.31 19:59
    out() 함수는 이미지에서 마우스를 다른 곳으로 이동시키면 발생하는 MOUSE OUT 이벤트를 처리하는 함수입니다.
    만일 out() 함수가 없다면, 마우스를 이미지 위에 올려 바나나가 출력되고 그 후 마우스를 다른 곳으로 옮겨도 사과 이미지로 돌아오지 않습니다.
    out()은 마우스를 다른 곳으로 옮겼을 때 이미지 태그에 사과를 출력하기 위한 것입니다.

    이 예제의 목적은 MOUSE OVER 이벤트와 MOUSE OUT 이벤트의 발생을 확인하는데 있습니다.
    혹시 이 대답이 부족하거나 질문자의 의도를 제가 잘 이해못하였다면
    다시 질문 주세요.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18173
402 책을 종이책으로 구매했는데 1 ddd 2024.03.21 22
401 저기 황기태 저자님 1 방문자 2024.02.10 81
400 428p 예제 9-21 키이벤트 응용 질문이 있습니다. 3 아인슈페너 2023.11.24 62
399 연습문제 3장 5번 문제 1 seungjun 2023.10.26 91
398 2장 오픈챌린 cmc 2023.09.17 126
397 웹서버소프트웨어 1 file park 2023.04.15 187
396 Sublime Text, VS code IDE설명 update바랍니다 1 삼오칠 2023.04.15 77
395 Atom은 IDE 리스트에서 삭제해주세요. 1 삼오칠 2023.04.15 72
394 예제 2-25 <video>태그로 비디오 삽입 2 file 코딩어렵다 2023.04.13 74
393 예제 2-22 2개의 인라인 프레임을 가진 웹 페이지(91p) 2 file 코딩어렵다 2023.04.12 45
392 비정형 표 만들기 다운로드 1 애치 2023.04.04 78
391 오픈챌린지 5 file ab 2023.02.17 146
390 오픈챌린지 1 ab 2023.02.16 118
389 form 태그 1 열공이 2023.01.31 75
388 예제 2-21 질문입니다. 1 file 열공이 2022.12.23 81
387 계산기 문제 변형 문의 file Mikael 2022.12.13 47
386 6장 이론문제 9번 지역,전역,블록변수 질문이요. 문신 2022.12.10 51
385 2장 이론 문제 답 문의 MIKAEL 2022.12.09 214
384 2장 이론문제 4번 답 문의 MIKAEL 2022.12.09 56
383 1장 10번 문제 답 문의 MIKAEL 2022.12.07 56
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로