用 jQuery 改变动画速度答案

【问题标题】：Change animation speed with jQuery用 jQuery 改变动画速度
【发布时间】：2011-05-08 17:42:41
【问题描述】：

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

我使用此代码为链接的位置设置动画。我以slow 动画速度将它移到左角。

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

我们应该得到：

slow 链接悬停时的动画。
fast 当它被点击时。

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

谢谢。

【问题讨论】：

您可以将时间间隔指定为第二个参数......这会小心

标签： javascript jquery html animation jquery-animate

【解决方案1】：

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

【讨论】：

【解决方案2】：

你可以试试：

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

（未测试）

【讨论】：

【解决方案3】：

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

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

【讨论】：