01. 슬라이드 이펙트
슬라이드 이펙트 기본적인 효과 : 트랜지션 효과
- 데이터 불러오기 : for(), forEach()
- 이벤트 객체 :
- 이벤트 속성 :
- 요소 객체 :
02. 슬라이드 이펙트
슬라이드 이펙트 기본적인 효과 : 좌로 움직이기
- 데이터 불러오기 : for(), forEach()
- 이벤트 객체 : addEventListener("mousemove", function(event){}) : event에 마우스 정보가 들어갑니다.
- 이벤트 속성 : clientX, clientY, offsetX, offsetY, pageX, pageY, screenX, screenY : 8가지 속성은 이벤트 객체의 속성이자, 이벤트가 발생한 위치에 대한 정보를 담고 있습니다.
- 요소 객체 : querySelector(), querySelectorAll(), getAtrtibute(), window()
getAtrtibute() : 속성을 가지고 오는 메서드입니다. 괄호 안에 ("class")라고 입력하면 요소의 class 속성을 가지고 옵니다.
window() : window 객체는 자바스크립트에서 전역 객체로 사용되며, 전역 변수와 함수를 포함합니다.
window 객체의 메소드는 전역 함수이며, window 객체의 프로퍼티는 전역 변수가 됩니다.
03. 슬라이드 이펙트
슬라이드 이펙트 기본적인 효과 : 아래에서 위로 올라가는 효과
- 데이터 불러오기 : for(), forEach()
- 이벤트 객체 :
- 이벤트 속성 :
- 요소 객체 :
04. 슬라이드 이펙트
슬라이드 이펙트 기본적인 효과 : 좌로 움직이기(연속적으로)
- 데이터 불러오기 : for(), forEach()
- 이벤트 객체 :
- 이벤트 속성 :
- 요소 객체 :
05. 슬라이드 이펙트
슬라이드 이펙트 기본적인 효과 : 위로 움직이기(연속적으로)
- 데이터 불러오기 : for(), forEach()
- 이벤트 객체 :
- 이벤트 속성 :
- 요소 객체 :
06. 슬라이드 이펙트
슬라이드 이펙트 기본적인 효과 : 이미지슬라이드(버튼, 닷 메뉴)
- 데이터 불러오기 : for(), forEach()
- 이벤트 객체 :
- 이벤트 속성 :
- 요소 객체 :
07. 슬라이드 이펙트
슬라이드 이펙트 기본적인 효과 : 썸네일 슬라이드
- 데이터 불러오기 : for(), forEach()
- 이벤트 객체 :
- 이벤트 속성 :
- 요소 객체 :