使用jQuery更改动画速度

Question

$("a").hover(function(){
    $(this).animate({left: '-500px'}, 'slow');
);

我使用此代码来动画链接的位置。我以slow动画速度将其移动到左下角。

如果点击链接，如何将此动画的速度更改为fast？

我们应该得到：

链接悬停时
• slow动画。
单击
• fast。

问题是，当我们尝试点击链接时，链接可以已经设置为动画。你觉得怎么样？

感谢。

Answer 1

$("a").hover(function(){
    $(this).animate({left: '-500px'}, 'slow');
).click(function() {
    $(this).dequeue().animate({left: '-500px'}, 'fast');
});

Answer 2

你可以尝试：

$("a").click(function(){
    $(this).stop(true).animate({left: '-500px'}, 'fast');
);

（未经测试）

Answer 3

这可能会有效，使用stop()来停止任何已经运行的动画。

$("a").click(function(){
    $(this).stop()
    $(this).animate({left: '-500px'}, 'fast');
);