DIVのマウス位置が狂ってしまう

Question

私の宿題で私はdivをアニメーションしようとしていて、マウスを最後の位置に追従しようとしています。さて、私のDIVはビューポート上で狂ってしまいます。それは価値を追加しているだけでなく、それらに移動するようなものです。あなたは私のコードを見て、私を啓発することができますか？ありがとうございました。 P.S. Ufoの絶対位置は0,0です。

var ufo = $('#ufo'); 
var posX; 
var posY; 


$(document).mousemove(function(e) { 

posX = e.pageX; 
posY = e.pageY; 

}); 

window.setInterval(function() { 

ufo.animate({ 
    top: posX, 
    left: posY 
}, '1000'); 
}, 3000); 

Answer 1

あなたのUFOは、うっかり3秒ごとに新しい位置に移動していますよね？私はあなたがアニメーションとsetIntervalを捨て、ちょうどこれをしたいと思う：

$(document).mousemove(function(e) { 
    ufo.css('left', e.offsetX || e.layerX || e.pageX); 
    ufo.css('top', e.offsetY || e.layerY || e.pageY); 
});