kebab-lee

  • 홈
  • 태그
  • 방명록

2023/04/13 1

Javascript를 이용한 사이트 만들기! - 슬라이드 효과사이트 만들기06

- 이번에는 prev/next 버튼을 누르면 이전사진/다음사진으로 넘어가고 밑의 dot버튼을 누르면 해당 차례의 사진으로 넘어가는 스크립트입니다. - 이번에는 javascript으로 나타내 보았습니다. - 스크립트 코드를 같이 보시죠 선택자 - 선택자와 전역변수들을 하나로 모아놨습니다. // 선택자 const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = sliderWrap.querySelector(".slider__img"); // 이미지가 보이는 영역 const sliderInner = sliderWrap.querySelector(".slider__inner"); // 이미지가 움직이는 영역 const slider = ..

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

목차

프로필사진
kebab-lee

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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

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.

티스토리툴바