Ich versuche mit jquery animate einen Hintergrund auf mousemove zu animieren. Aber ich kann nicht herausfinden, wie ich das Anstehen der Animation stoppen und die Animation der Maus folgen lassen kann

HTML:

Animate Background<br />
<div id="animateme"></div>​

JS:

$("#animateme").bind('mousemove', function(e) {

    $(this).animate({
        'background-position-x': e.pageX,
        'background-position-y': e.pageY
    }, 100, 'swing');

});​

Ich habe eine Jsfiddle eingerichtet, um zu zeigen, was ich meinehttp://jsfiddle.net/KunZ4/1/

Bewegen Sie den Mauszeiger über das obere Bild und Sie können sehen, dass die Hintergrundanimation der Maus folgt. Aber ich möchte dem etwas Lockerung hinzufügen, damit es der Maus ein bisschen flüssiger folgt.

Die Verwendung von JQuery-Animation scheint in der Warteschlange zu stehen, aber ich möchte, dass die Animation die Maus ein wenig später einholt, wenn die Mausbewegung gestoppt wird.

Ich möchte dies ohne die Verwendung von UI oder Plugins erreichen.

Hoffentlich ergibt das einen Sinn