使用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');
});