在jQuery中提高动画速度

在jQuery中提高动画速度,jquery,animation,parameters,performance,Jquery,Animation,Parameters,Performance,我在一个包含div的div中有一堆div。它们都向左浮动,只有三个可见,容器的溢出设置为隐藏。我想让用户能够悬停在包含div的左侧或右侧,并让内部div(幻灯片)向左或向右设置动画,动画的速度随着用户鼠标靠近任意一侧而增长。在中间,没有运动,在两侧,快速运动。 现在,我可以调整速度,如果我将鼠标悬停在包含的div上或下,可以看到它的反射,但我不知道如何在动画中更改速度。我不是说放松,因为我希望用户能够将鼠标移回中心位置,并根据自己的选择将动画轻轻停止 以下是我获取/设置速度参数的方法: var

我在一个包含div的div中有一堆div。它们都向左浮动,只有三个可见,容器的溢出设置为隐藏。我想让用户能够悬停在包含div的左侧或右侧,并让内部div(幻灯片)向左或向右设置动画,动画的速度随着用户鼠标靠近任意一侧而增长。在中间,没有运动,在两侧,快速运动。

现在,我可以调整速度,如果我将鼠标悬停在包含的div上或下,可以看到它的反射,但我不知道如何在动画中更改速度。我不是说放松,因为我希望用户能够将鼠标移回中心位置,并根据自己的选择将动画轻轻停止

以下是我获取/设置速度参数的方法:


var mouseX=e.pageX-$(this).offset()。左

然后我将动画设置为:


$(“#幻灯片”)。动画({“左”:-1600},速度);

我使用变量“speed”作为动画的speed参数,希望它能自动更新,因为我使用的是mouseover事件处理程序,它启动得非常快,所以我认为速度量也会快速变化。但显然不是

有什么帮助吗


附言:这个编辑器两次显示了一行代码,“var mouseX”…:这不是代码的一部分。

也许你应该试试mousemove事件。

哇!!输入错误,我实际上正在使用mousemove事件:P仍然不起作用。我现在可以更改动画速度,但当一个函数结束而另一个函数开始时,动画速度会变得急促(
            width = $(this).innerWidth(),

            speed = Math.round((width-mouseX)*10);