-
Javascript_animate motion codingweb 2020. 8. 1. 10:24
Javascript coding note
$(function(){ var s=[]; s[0]=1; setInterval(NextFn,3000); function NextFn(){ if(s[0]==1){ slide1(); } else if(s[1]==1){ slide2(); } else if(s[2]==1){ slide0(); } } function slide0(){ s[0]=1,s[1]=0,s[2]=0; $('.slide').eq(2).stop().animate({left: '0%'},0).animate({left:'-100%'},1000); $('.slide').eq(0).stop().animate({left:'100%'},0).animate({left: '0%'},1000); $('.slide').eq(1).stop().animate({left:'200%'},0).animate({left: '100%'},1000); } function slide1(){ s[0]=0,s[1]=1,s[2]=0; $('.slide').eq(0).stop().animate({left: '0%'},0).animate({left:'-100%'},600); $('.slide').eq(1).stop().animate({left:'100%'},0).animate({left: '0%'},600); $('.slide').eq(2).stop().animate({left:'200%'},0).animate({left: '100%'},600); } function slide2(){ s[0]=0,s[1]=0,s[2]=1; $('.slide').eq(1).stop().animate({left: '0%'},0).animate({left:'-100%'},600); $('.slide').eq(2).stop().animate({left:'100%'},0).animate({left: '0%'},600); $('.slide').eq(0).stop().animate({left:'200%'},0).animate({left: '100%'},600); } });//slide.js
animate, silde conding
'web' 카테고리의 다른 글
Mac용 Safari 키보드 단축키 및 제스처 (feat. Mac os 단축키 포함) (4) 2020.10.03 css 첫 걸음! css 구조 파악하고 class 활용하기 (2) 2020.07.31 카페24 html 수정하기 / 다음지도 사이트에 등록하기! (feat.다음지도 퍼가기) (2) 2020.07.16