当鼠标像下一个网站上的那样移动时，我希望对视差实现逐渐衰减效果

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过渡，在元素实际移动之前存在一种“犹豫”，并且仅在移动完全停止时才完成其运动 .

jquery css canvas parallax mousemove