kebab-lee

  • 홈
  • 태그
  • 방명록

2023/03/30 1

Javascript를 공부해 봅시다! - 번외편. 예제를 풀어봅시다.3

오랜만에 하는 예제입니다!! 문제는 모던 자바스크립트 프로그래밍의 정석 고경희님의 책에서 가져왔습니다. 1번 문제 : 마우스를 사진 위에 올렸을 때 다른사진이 나오게 하는 문제입니다. - document.querySelector으로 img요소를 선택해 주었습니다. - 그 후 addEventListener에 mouseenter를 사용하여 마우스를 가져다 놓았을 때 함수가 실행되도록 하였습니다. - setAttribute를 사용하여 src라는 속성의 값을 원하는 속성값으로 바꾸어 주었습니다. - 원하는 속성 값을 바꾸고 싶은 이미지 파일의 경로로 설정해주면 됩니다. - 반대로 마우스가 사진을 벗어났을 때 는 mouseout를 사용해서 똑같이 만들어 주면 됩니다. 2번 문제 : 클릭하였을 때 nav가 나타나게..

취업 준비 시절/Javascript 2023.03.30
1
더보기

목차

프로필사진
kebab-lee

궁금하면 직접 만들어봐야 직성이 풀립니다. 프론트부터 서버까지, 손대본 것들을 기록합니다.

  • 분류 전체보기 (128)
    • 취업 준비 시절 (128)
      • HTML (11)
      • Javascript (56)
      • CSS (8)
      • PHP (7)
      • Programmers (25)
      • Animation (6)
      • 일상 (12)

Tag

Semantic markup, 블록레벨요소, id선택자, Logical sequence markup, 조금 부끄러운, 인라인요소, css, class선택자, 기초코딩, 논리적 순서 마크업, 원시유형, 인라인 요소, html, 미국여행, 시멘틱마크업, 자바스크립트, 영알못, coding, 학원생활, 텍스트관련태그,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2023/03   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바