jquery動畫功能不起作用

Question

我正在使用下面的JavaScript動畫div，但div不是動畫...有誰知道可以是什麼？

的JavaScript：

<script language="JavaScript"> 
    $(document).ready(function(){ 
    $('#LayoutDiv1').animate({top: "500px"}, 1500); }); 
    </script> 

HTML：

<div id="LayoutDiv1"> 
    <img src="images/logo.png"> 
</div> 

CSS：

#LayoutDiv1 { 
    clear: both; 
    float: left; 
    width: 100%; 
    display: block; 
} 

Answer 1

工作演示：http://jsfiddle.net/LRuZp/3/

應指定的位置屬性，DEFI時ning頂部，左側，底部和右側屬性。

Answer 2

您需要將您的div位置設置爲relative

#LayoutDiv1 { 
    clear: both; 
    float: left; 
    width: 100%; 
    display: block; 

    position: relative 

}