移动时jQuery .animate（）和干扰图像

Question

如何使用jQuery图像向右或向左移动来制作时尚动画。 它在Firefox中比在Chrome或IE中运行得更好。当持续时间设置为2000或更多时，特别糟糕的是干扰。 以下是我的演示页面示例：http://pastehtml.com/view/1bj06p8.html

代码是：

$('img#image').mousemove(function(e){
        if (e.pageX > winWidth - moveAtX) {
            $('#status').html("go right");

            var left = { left: winWidth - imgWidth + 'px' }
            $('img#image').animate(
                left, 
                { queue:false, duration: "slow" }
            );
        }
        else if (e.pageX <= moveAtX) {
            $('#status').html("go left");

            var left = { left: '0px' };
            $("img#image").animate(
                left,
                { queue:false, duration: "slow" }
            );
        }
        else {
            $('#status').html(e.pageX +', '+ e.pageY + ' stop');
            $('img#image').stop();
        }
    });

为什么图像不能流动？

谢谢！

Answer 1

原因是它继续调用mousemove，重复多次调用动画。

您应该限制对这些方法的调用。