요소별로 효과가 순처적으로 실행을 할려고 하는데요..
요소별로 순차적으로 실행을 어떻게 하는건가요?
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>
|
답변 2개
채택된 답변
+20 포인트
onlymilk47
2017-09-26 (화) 14:30:09
fadein fadeout complete 함수를 이용하시는 방법도 있습니다
$("#animation .over1").fadeOut(5000, function(){
$("#animation .over2").fadeIn(5000, function(){
$("#animation .over3").fadeIn(5000, function(){
....
});
});
});
2017-09-26 (화) 12:58:38
$("#animation .over1").fadeOut(5000);
$("#animation .over2").fadeIn(5000).delay(5000);
$("#animation .over3").fadeIn(5000).delay(10000);
$("#animation .over4").fadeIn(5000).delay(15000);
...위처럼 delay 이용하시면 될 것 같습니다.
답변을 작성하려면 로그인이 필요합니다.