css - Move animation won't work with div jQuery -


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

i don't understand why doesn't work. also, if knows how it's possible change div's size , rotate while it's moving tell me. 3 animations happening @ same time. possible , if so, how? lot answers in advance.

the problem document ready function syntax syntax should this.

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

i have added fiddle working code. http://jsfiddle.net/tryux/


Comments

Popular posts from this blog

assembly - 8086 TASM: Illegal Indexing Mode -

Java, LWJGL, OpenGL 1.1, decoding BufferedImage to Bytebuffer and binding to OpenGL across classes -

javascript - addthis share facebook and google+ url -