과제: 슬라이드 위아래

strause1.dothome.co.kr/work27.html

웹 디자인 기능사

닷홈에서 확인하실 수 있습니다.

 

변수 i값을 0으로 줍니다.

이 함수 slide_up에서  i값은 0 1 2 를 반복하게 됩니다.

우선 처음에 0이들어갑니다if문에서 i++로 인해 i값이 1이 들어갑니다 animate_top에 i값으로 1이들어가고 

animate_top에 1이 들어가서 -360*1 Px값이 되기때문에  animate_top값이  animate에 들어가서 -360 px 만큼 top이 올라가게 됩니다.

끝나고 다시 반복해서 i값이 1인상태에서 slide_up함수를 실행합니다. i값이 1인상태에서 i++로 인해 i값이 2로인식됩니다. 다시 animate_top에 -720px값이 들어가게 됩니다.

반복하게 되면서 i값이 2이기 때문에 else if문에 i가 2이면 0으로 바꿔준다는 조건문때문에  0 1 2 0 1 2 가 반복되게됩니다.