제이쿼리 애니메이션 순차실행

Question

요소별로 효과가 순처적으로 실행을 할려고 하는데요..

요소별로 순차적으로 실행을 어떻게 하는건가요?

Copy

<script>$(function(){		$("#animation .over1").fadeOut(5000);	$("#animation .over2").fadeIn(5000);	$("#animation .over3").fadeIn(5000);	$("#animation .over4").fadeIn(5000);		$("#animation .over4").fadeOut(500);		$("#animation .over3").fadeIn(4000);		$('#animation .over2').animate({		  top:0,		  left:-600	},1000);			$("#animation .over5").fadeIn(1000);	$("#animation .over6").delay(500).fadeIn(1000);	$("#animation .over6").delay(3000).fadeOut(1000);});</script>

onlymilk47 · Accepted Answer

fadein fadeout complete 함수를 이용하시는 방법도 있습니다

$("#animation .over1").fadeOut(5000, function(){

$("#animation .over2").fadeIn(5000, function(){

$("#animation .over3").fadeIn(5000, function(){

....

});

잉기 · Answer

	$("#animation .over1").fadeOut(5000);

	$("#animation .over2").fadeIn(5000).delay(5000);
	$("#animation .over3").fadeIn(5000).delay(10000);

	$("#animation .over4").fadeIn(5000).delay(15000);
...

위처럼 delay 이용하시면 될 것 같습니다.

제이쿼리 애니메이션 순차실행

답변 2개

공유하기