Animieren müssen Sie ein Bild, um Weg von der cursor-Position auf jedem mouseover?

Ich versuche zu animieren, ein Bild von einem Feld zu ändern, die position auf mouseover.

Kann ich es verschieben, aber einmal muss ich es so einrichten, dass es bewegt sich jedesmal, wenn jemand die Maus über das Bild bewegt. Ich möchte, um die Benutzer 'chase' das Feld auf dem Bildschirm.

Vorzugsweise würde die animation Schleife, so dass ein Benutzer kann nie fangen das Bild ?

Hier ist ein Beispiel von dem, was ich bisher, und unten ist mein jQuery-code:

$(document).ready(function() {
    $('#img').mouseover(function() {
        $(this).animate({
            left: '500px'
        });
    });
});

Dank einer million!

Schreibe einen Kommentar