javascript - 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

}