kebab-lee

  • 홈
  • 태그
  • 방명록

2023/04/18 1

Javascript를 이용한 사이트 만들기! - 패럴랙스 효과사이트 만들기01

- 오늘 할 것은 패럴랙스 효과입니다. - 패럴랙스 효과란 페이지를 스크롤 했을 때 현재 보여지는 화면에 해당되는 좌표값을 가져온 다음 좌표값에 따라 이미지에 효과를 주는 방식입니다. - 그러려면 가장 중요한 것은 기준에 따른 좌표값을 가져오는 것인데 해당 블로그에서는 현재 Y좌표값과 각 사진의 Y좌표값을 구해보았습니다 - 스크립트를 보시죠 - window.addEventListener에 scroll를 주어 스크롤를 했을 때 함수가 실행되게 해주었습니다. 그리고 가장 먼저한 일은 좌표값을 저장한 것입니다. - 그리고 그걸 .scroll 에 있는 span 태그에 저장해 주었습니다. - document.querySelector(".info .offset1").innerText = document.getEle..

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

목차

프로필사진
kebab-lee

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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2023/04   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바