移动动画不适用于div jQuery

时间:2013-08-16 12:58:49

标签: jquery css html jquery-animate

使用Javascript / jQuery的

    $(document).ready(function(){

        $("#box").animate({ 
            top: "+=50px",
            }, 2000 );

    }

CSS

    #box{

        -moz-border-radius:15px;
        border-radius:15px;
        width:300px;
        height:250px;
        background:#D8D8D8;
        border:2px solid black;
        position: relative;

    }

我不明白为什么它不起作用。此外,如果有人知道如何改变div的大小并在它移动时旋转它你能告诉我。我希望它能让所有3个动画同时发生。这是可能的,如果是的话,怎么样? 非常感谢您提前获得任何答案。

1 个答案:

答案 0 :(得分:2)

问题是您的文档就绪函数语法 你的语法应该是这样的。

 $(document).ready(function(){
     /*your code*/
 });

我添加了你的工作代码。 http://jsfiddle.net/tRYuX/