목록Script Sample (34)
초짜코딩의 잡동사니
sliderEffect08 - 무한, 버튼 추가, 닷 버튼 추가, 자동플레이, 시작버튼, 정지버튼
const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); // 이미지 보이는 영역 const sliderInner = document.querySelector(".slider__inner"); // 이미지 움직이는 영역 const slider = document.querySelectorAll(".slider"); // 5개의 이미지 const sliderBtn = document.querySelector(".slider__btn") // 버튼 const sliderBtnPrev = sliderBtn.querySelector(".prev") // 왼쪽 버..
sliderEffect07 - 무한, 닷 버튼 추가
const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); // 이미지 보이는 영역 const sliderInner = document.querySelector(".slider__inner"); // 이미지 움직이는 영역 const slider = document.querySelectorAll(".slider"); // 5개의 이미지 const sliderBtn = document.querySelector(".slider__btn") // 버튼 const sliderBtnPrev = sliderBtn.querySelector(".prev") // 왼쪽 버..
parallaxEffect07 - 리빌 효과
function scroll(){ let scrollTop = window.scrollY || window.pageYOffset || document.documentElement.scrollTop const reveal = document.querySelectorAll(".reveal"); reveal.forEach(elem => { let revealOffset = elem.offsetTop + elem.parentElement.offsetTop; let revealDelay = elem.dataset.delay; // if(scrollTop>=revealOffset - window.innerHeight/2){ // elem.classList.add("show") // } if(scrollTop>=re..