kebab-lee

  • 홈
  • 태그
  • 방명록

2023/04/11 1

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

- 위의 페이지처럼 시간이 지나면 사진이 좌우로 바뀌는 스크립트입니다. - 하지만 저번에 했던 것과 다른 점이 있는데 그건 바로 첫번째 것으로 돌아가는 것이 아니라 마지막 사진 뒤에 첫번째 사진을 복사해두어서 끊김이 없게 한다는 것입니다. - 이번에도 javascript, jquery, GSAP 세 가지 방식으로 나타내 보았습니다. - 스크립트 코드를 같이 보시죠 선택자 - 이번에도 필요한 선택자와 전역변수들을 하나로 모아놨습니다. - 오랜만에 보는 것이 있다면 요소의 width 값을 가져오는 clientWidth가 있겠습니다. - 그리고 let sliderClone = sliderInner.firstElementChild.cloneNode(true); 를 사용해서 첫번째 이미지를 복사해주었습니다. Ja..

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

목차

프로필사진
kebab-lee

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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

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.

티스토리툴바