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

}