제이쿼리 애니메이션 순차실행
본문
요소별로 효과가 순처적으로 실행을 할려고 하는데요..
요소별로 순차적으로 실행을 어떻게 하는건가요?
<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>
답변 2
fadein fadeout complete 함수를 이용하시는 방법도 있습니다
$("#animation .over1").fadeOut(5000, function(){
$("#animation .over2").fadeIn(5000, function(){
$("#animation .over3").fadeIn(5000, function(){
....
});
});
});
$("#animation .over1").fadeOut(5000);
$("#animation .over2").fadeIn(5000).delay(5000);
$("#animation .over3").fadeIn(5000).delay(10000);
$("#animation .over4").fadeIn(5000).delay(15000);
...위처럼 delay 이용하시면 될 것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.