Move a div in a curved path (like tweening in Flash old days)?

Question

I\'d like to build a function like

fromHeretoThere(x1,y1,x2,y2){
  //....
}

So that I can move a

or an image from

Answer 1

Using jQuery animate's step function you can animate in any curve you'd like.

For some things using a canvas is better, but for most small and simple animations just changing css values with jQuery (this is what animate does) is faster and simpler.

Here's a quick demonstration I made, built on top of the jQuery.path plugin : http://jsfiddle.net/zVddG/