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 

}