平滑鼠标移动视差

Question

当鼠标像以下网站上的那样移动时，我希望对视差产生逐渐衰减效果

http://brightmedia.pl/

我尝试了以下操作，这使得parallaxing很好但是只要鼠标移动停止就会停止。我如何给它一个额外的速度？

$('body').live('mousemove', function(e){
    var xPos = e.pageX;
    var yPos = e.pageY;

    $('#pointer-position').html("x: "xPos+"<br>y: "+yPos);

    $('#circle-1').css({
        marginLeft: -xPos/2
    });

    $('#circle-2').css({
        marginLeft: -yPos/3
    });
});

例如，在画布中，你提供'vx'并给它一个负' - = 1'，以便在每次帧刷新时发生衰减。但由于帧不在普通“div”的场景中，因此无法添加“vx”。

使用jquery动画，如果鼠标处于运动状态，则元素不会移动，直到鼠标完全停止，然后才会逐渐动画到最终位置。

使用css过渡，在元素实际移动之前存在一种“犹豫”，并且仅在移动完全停止时才完成其动作。