Ein Objekt über mehrere Wegpunkte/Ziele animieren?

Question

hier ist die lineare Animation, die http://jsfiddle.net/BL5cS/

auf ‚A‘ auf ‚B‘ Ziel geht Wie kann ich einen anderen Weg, um Feld wie ‚A‘ bis ‚B‘ auf ‚C‘ auf ‚D‘ etc animieren :

exp: http://thesaurus.maths.org/mmkb/media/png/Zigzag.png

Answer 1

Kette der Animationen:

$('.my_element').animate(...first destination...) 
       .animate(...second destination...) 
       .animate(...third destination...) 
       .animate(...fourth destination...) 

Sie auch die Ziele in einem Array und Schleife es speichern kann.

var destinations = [ 
     {top:..., left:...}, 
     {top:..., left:...}, 
     {top:..., left:...}, 
     {top:..., left:...} 
    ], 
    element = $('.my_element'); 

$.each(destinations, function(i, v) { 
    element.animate(v) 
}); 

Here's your code überarbeitet ein wenig.