開關內容，動畫內容

Question

我使用一個contentSwitcher開發一個登陸頁面，一切正常，但我; M想知道如何製作動畫的內容一個接一個，只是添加一些花哨的風格。 Test Landing Page

您可能會看到下面有標題，副標題，段落和圖片，我如何將fadeIn添加到每個這些元素中間隔幾秒鐘？

感謝您的幫助！

Answer 1

您可以使用時將觸發回調函數當動畫完成

到這裏看看：

http://api.jquery.com/fadeIn/

例子：

$('#element1').fadeIn('slow', function() { 
     // this will be called then the first animation is complete 

     $('#element2').fadeIn('slow', function() { 
     // this will be called then the second animation is complete 

      $('#element3').fadeIn('slow', function() { 
      // this will be called then the third animation is complete 


      }); 


     }); 

}); 

要推遲動畫幾秒鐘，使用.delay（）

http://api.jquery.com/delay/