-
생활정보 및 IT소식을
빠르게 전달하는 ITUDY입니다.
JS | Jquery - 슬라이드 만들기 (가로, 세로, 페이드방식)
JS | Jquery - 슬라이드 만들기 (가로, 세로, 페이드방식) 세로 슬라이드 setInterval(slide,3000) : 3초에 한번씩 슬라이드 하게 만들것이다. 하지만 이것만 적어서는 기능이 없기 때문에 아래에서 함수언급하여 기능을 만들어준다. 변수 slide_up을 정해준 뒤, 함수 slide 안에 기능을 설정해준다. 반복문 if를 사용하여 slide_up이 1씩 증가하고, 만약 slide_up이 2가 될 경우 다시 0으로 바꿔주도록 한다. animate 동작으로 위로 360만큼 이동하고 slide_up을 곱해준다. slide_up 은 1씩 증가하여, 곱하게 되고, 계속 이것을 반복하게 된다. 이러한 방법으로 응용하여 가로슬라이드, 페이드방식까지 만들어보았다. 가로 슬라이드 페이드방식
2021. 2. 19.
