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;
}

score 7 · Accepted Answer

上、左、下、右のプロパティを定義するときは、位置プロパティを指定する必要があります。

score 0 · Accepted Answer

あなたのdiv位置をに設定する必要がありますrelative

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

    position: relative

}

2 に答える 2