jQuery動畫問題

Question

我試圖做的是加載在屏幕中間有標誌，然後在3秒後將其設置爲屏幕頂部並讓其餘內容淡入。

這裏是我的jQuery代碼：

<script type="text/javascript" charset="utf-8"> 
     $(document).ready(function() { 
      $('#slider-wrapper').hide(); 
      $("#logo").animate({ 
       bottom:'+=250px' 
       }, 1500); 
      $('#slider-wrapper').fadeIn(2000); 
      $('#slider').nivoSlider(); 
     }); 
</script> 

所以滑蓋包裝是（目前）我想淡入

任何人都可以想到的問題，到目前爲止的內容？目前，標誌心不是移動在所有...

Answer 1

確保您logo有absolute，relative或fixed的位置，否則top，bottom，left和right樣式屬性不會有任何效果。

此外，有它在你想要的順序發生，你需要做的淡入的.animate()回調（所以在動畫完成時運行），像這樣：

$('#slider-wrapper').hide(); 
$("#logo").animate({ bottom:'+=250px' }, 1500, function() { 
    $('#slider-wrapper').fadeIn(2000); 
});