DIV跟随鼠标位置变得疯狂

Question

在我的作业中我正试图动画一个div，移动它试图跟随鼠标的最后位置。好吧，我的DIV只是在视口上发疯了。这就像他正在增加价值而不仅仅是移动它们。你能看看我的代码来启发我吗？谢谢。附：不明飞行物的绝对位置为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

你的不明飞行物每3秒钟就会移动到一个新位置，对吧？我想你想放弃动画和setInterval而只是这样做：

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