jquery의 애니메이션

Question

jquery에서 다른 애니메이션을 순서대로 나열하는 방법이 있습니까? 예를 들어, 텍스트를 먼저 페이드 아웃 한 다음 페이드 아웃 한 다음 이미지가 나타나길 원합니다. 설명서를 언급했지만 클릭 이벤트만으로 애니메이션이 생성되었습니다. 여기

Answer 1

<div id="wow">Hello. This is text. Wow!!!</div>​ 

var $wow = $('#wow'); 

$wow.animate({fontSize: '150px'}, 'slow', function s() { 
    $wow.animate({padding: '50px', opacity: .1}, 'fast', function l() { 
     $wow.animate({background: '#f00', opacity: .5, padding: 0}, function r() { 
      $wow.animate({fontSize: 0, height: 1, width: 1, opacity: 0}, 10000); 
     }); 
    }); 
}); 

​jsfiddle.net/userdude/ZcATK/

Answer 2

당신은 예를 JS Bin

HTML 코드가 있습니다

<h3 style='display: none;'>Some text</h3> 
<img src='http://domain.com/image.png' style='display: none;'/> 

자바 스크립트 코드 :

$("h3").fadeIn(1000) 
     .fadeOut(1000, function(){ 
      $("img").fadeIn(1500); 
     }); 

Answer 3

여러 요소가있는 대기열을 사용하면 도움이되는 것 같습니다. 사용의 FxQueues jQuery 플러그인에게 자신의 예제 코드를 https://github.com/lucianopanaro/jQuery-FxQueues

체크 아웃 체크 아웃 :