Question

moving an object is quiet simple. imagine this:

 $("#myelement").animate({left:'+=200'},2000);

the problem is that I want my element to start moving slowly and speed up continuously along the way.

does anyone have a clue how to do this?

Answer 1

http://gsgd.co.uk/sandbox/jquery/easing/

You need to use the jQuery easing plugin, and use an EASE IN option. I recommend ‘easeInExpo’ but you can see all the options here: http://jqueryui.com/demos/effect/easing.html

If all you need is easing, I think jQuery ui (which has the plugin built in) is overkill. You can just use the plugin in a lean form.

It would look something like this:

$("#myelement").animate({left:'+=200'},2000, 'easeInExpo');

You may also like ‘easeInCubic’