Jquery动画函数不工作

Jquery animate function not working

本文关键字：工作 函数 动画 Jquery      更新时间：2023-09-26

我正在使用以下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;
}

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

在定义顶部、左侧、底部和右侧属性时，应指定位置属性。

您需要将div位置设置为relative

#LayoutDiv1 {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    position: relative
}
相关文章：