제이쿼리 애니메이션 순차실행 채택완료
요소별로 효과가 순처적으로 실행을 할려고 하는데요..
요소별로 순차적으로 실행을 어떻게 하는건가요?
</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 이용하시면 될 것 같습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
채택
답변대기
채택
채택
답변대기
채택
채택
답변대기
채택
답변대기
채택
채택
채택
답변대기
채택
채택
답변대기
답변대기
답변대기