제이쿼리 애니메이션 순차실행 채택완료
요소별로 효과가 순처적으로 실행을 할려고 하는데요..
요소별로 순차적으로 실행을 어떻게 하는건가요?
</p><p><script></p><p>$(function(){</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over1").fadeOut(5000);</p><p>
</p><p><span style="white-space:pre"> </span>$("#animation .over2").fadeIn(5000);</p><p><span style="white-space:pre"> </span>$("#animation .over3").fadeIn(5000);</p><p><span style="white-space:pre"> </span>$("#animation .over4").fadeIn(5000);</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over4").fadeOut(500);</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over3").fadeIn(4000);</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$('#animation .over2').animate({</p><p><span style="white-space:pre"> </span> top:0,</p><p><span style="white-space:pre"> </span> left:-600</p><p><span style="white-space:pre"> </span>},1000);</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over5").fadeIn(1000);</p><p>
</p><p><span style="white-space:pre"> </span>$("#animation .over6").delay(500).fadeIn(1000);</p><p><span style="white-space:pre"> </span>$("#animation .over6").delay(3000).fadeOut(1000);</p><p>
</p><p>
</p><p>
</p><p>});</p><p></script></p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
onlymilk47
8년 전
fadein fadeout complete 함수를 이용하시는 방법도 있습니다
$("#animation .over1").fadeOut(5000, function(){
$("#animation .over2").fadeIn(5000, function(){
$("#animation .over3").fadeIn(5000, function(){
....
});
});
});
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
8년 전
$("#animation .over1").fadeOut(5000);
$("#animation .over2").fadeIn(5000).delay(5000);
$("#animation .over3").fadeIn(5000).delay(10000);
$("#animation .over4").fadeIn(5000).delay(15000);
...위처럼 delay 이용하시면 될 것 같습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
답변대기
답변대기
채택
답변대기