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/

在定義top，left，bottom和right屬性時，應該指定position屬性。

Answer 2

您需要將div位置設置為relative

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

    position: relative

}