javascript - Animating a box in Jquery -
I'm trying to animate a box in Jquery, in fact I just try to move the box to the square path I am doing I can get it to move right, and then down, but after that nothing does that. Any suggestions?
$ (document) .ready (function () {$ ('# box'). CSS ({'height': '100px', 'width': '100px', 'background '' 'Black', 'position': 'full', 'marginopt': '70px'}); $ ('# box'). Chetan ({'left': '1000px'}, 3000, 'swing' Cheat ({'top': '500px'}, 3000, 'swing', function () {$ ('# box'). 'Right': '1000px '}, 3000,' swing ')})})});
instead of 'left': '0px' Use 'right': '1000px' . Try it: $ (document) .ready (function () {$ ('# box'). CSS ({'height': '100px', 'width': '100px ',' 'Black', 'position': 'absolute', 'marginop': '70px'}); $ ('# box' ('' left ':' 1000px '), 3000,' background-color ' Swing ', function () {$ (' # box '). ({' Top ':' 500px '}, 3000,' swing 'function () {$ (' # box '). Animate ({' left ': '0px'}, 3000, 'swing')})})});
Comments
Post a Comment