javascript - 想要延迟图像跟随鼠标光标

Question

$(document).mousemove(function(e){
$("#butterfly").delay(90000);
$("#butterfly").css({left:e.pageX, top:e.pageY});
   });

如何在光标跟随的图像中创建延迟。 #蝴蝶是 “img id="butterfly”元素。

Answer 1

使用setTimeout , delay 不适用于 .css()。因为它用于延迟队列中跟随它的函数的执行。

$(document).mousemove(function (e) {
    setTimeout(function () {
        $("#butterfly").css({
            left: e.pageX,
            top: e.pageY
        });
    }, 90000);
});