Javascript jQuery平滑鼠标跟踪

Javascript jQuery平滑鼠标跟踪,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我让我的对象使用onmousemove事件跟踪鼠标。但我想让它顺利。我相信这在jQuery中不会很困难,但我没有找到任何真正好的资源 我的一个想法是简单地使用动画功能并计算我想要移动到的偏移量。然后,如果在动画完成之前再次移动鼠标,我将使用停止功能停止动画。我会重新计算我的目的地,然后再次出发。这看起来有点像黑客,我也觉得会有点不自然。我相信一定有更好的办法。有什么想法吗 编辑 对不起,我没有把我的问题说清楚。我让对象实时跟踪鼠标,使其移动与我的鼠标完全相同。问题是,我希望它是平滑的,并落后于下

我让我的对象使用onmousemove事件跟踪鼠标。但我想让它顺利。我相信这在jQuery中不会很困难,但我没有找到任何真正好的资源

我的一个想法是简单地使用动画功能并计算我想要移动到的偏移量。然后,如果在动画完成之前再次移动鼠标,我将使用停止功能停止动画。我会重新计算我的目的地,然后再次出发。这看起来有点像黑客,我也觉得会有点不自然。我相信一定有更好的办法。有什么想法吗

编辑

对不起,我没有把我的问题说清楚。我让对象实时跟踪鼠标,使其移动与我的鼠标完全相同。问题是,我希望它是平滑的,并落后于下面提到的Andy Lin的加速效果。我只是有点不知道如何实际实现它。

当您使用onmousemove时,您不需要让对象在每次调用时都更改其行为

e、 g.您可以添加一个计时器,表示在一段时间内,对象将不会响应mousemove,而是将遵循其原始路径,并且在超时或鼠标移动停止时,根据目标移动


此外,您还可以通过动画设置模拟加速和减速效果。

恐怕没有比动画效果更好的方法了。如果添加平滑函数,则只需执行与动画相同的操作。请确保不要将动画排队,否则它们看起来会很奇怪。我得到了很好的结果:

var obj = $('<div style="width:50px;height:50px;background:red;position:absolute"></div>');

obj.appendTo(document.body);

$(document).bind('mousemove',function(ev){
 obj.animate({top:ev.pageY,left:ev.pageX},{queue:false,duration:200,easing:'linear'})});
var obj=$('');
对象附录(文件正文);
$(文档).bind('mousemove',函数(ev){
对象动画({top:ev.pageY,left:ev.pageX},{queue:false,duration:200,easing:'linear'});

现在发生了什么您不想发生的事情?你想“顺利”是什么意思?你就在这里,我在寻找什么。你给了我一些想法,但我没有完全看透它的实现。看起来它将非常接近我想要的!我唯一缺少的就是尝试一下,找出什么是行不通的!谢谢如果使用jqueryui,还可以使用以下设置:{queue:false,duration:300,easeautback}