使用 jQuery 更改动画速度

Question

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

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

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

我们应该得到：

• 当链接悬停时，
• slow 动画。单击时快速。

问题是，当我们尝试点击链接时，链接可能已经是动画的了。你怎么认为？

谢谢。

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');
);