Javascript jQuery悬停动画队列

很难完全理解jQuery中的动画是如何排队和初始化的。试图通过编写一些按钮效果来更熟悉这个概念

我想将下面这支笔中的代码转换成平滑的动画（如您在遇到某些问题时多次悬停在按钮上所看到的），仅当没有另一个动画进行时才在“悬停在上”执行每个动画，然后仅当“悬停在动画中”完成时才执行“悬停在外”动画

这是我的密码：

---

提前感谢您的帮助

我认为以下更改会给您带来预期的结果：

  button1.css("cursor", "pointer").hover(
        function(){
        slideup.stop(true).animate({
          "bottom":"0px"
        }, 150, 'linear');
        slideup.delay(100).animate({
          "left":"50px"
        },150,'linear');
        slideright.delay(550).animate({
          "left":"0px"
        }, 100, 'swing');
      }, 
    function(){
        slideright.stop(true).animate({
          "left":"-50px"
        },150,'linear');
        slideup.delay(100).animate({
          "left":"0px"
        }, 150, 'linear');
        slideup.delay(100).animate({
          "bottom":"-100px"
        },150,'linear');
      });

---

谢谢，这很有帮助，但是有没有办法让悬停动画在每次悬停时都完成？我的意思是，当我悬停在动画上时，我希望动画能完全执行，不管我是否在动画中间徘徊，何时动画会回到原来的位置？我想在悬停/悬停中完成整个动画。如果我将鼠标悬停在按钮上一次，然后在“悬停入”动画完成之前将鼠标悬停出，我仍然希望在任何其他动画尝试开始之前完成并返回到原始位置。请检查此项，希望它符合您的目标^^