Javascript 如何使用jqueryanimate在同一页面上独立地制作不同的动画，从悬停开始，在鼠标移动时进入原始状态

好的，我到处找，但是我就是找不到我问题的答案

我有很多CSS3转换和动画，实际上我想为InternetExplorer8-9实现它们。然而，我几乎是一个javascript新手

首先，这是我的网站，你会看到css动画使用

现在，我试图实现的是相同的，但是使用Jquery animate（）函数

作为一个例子，让我们以这段代码为例，我将一个名为block的div悬停在一个名为go的按钮上，然后制作动画

$("#go").mouseenter(function(){
  $("#block").animate({
    width: "70%",
    opacity: 0.4,
    marginLeft: "0.6in",
    fontSize: "3em",
    borderWidth: "10px"
  }, 1500 );
$("#go").mouseleave(function(){
  $("#block").animate({
    width: "70%",
    opacity: 0.4,
    marginLeft: "0.6in",
    fontSize: "3em",
    borderWidth: "10px"
  }, 1500 );
});

这似乎不起作用，如果我省略了“mouseleave”部分，那么它会设置动画，但会保持动画状态。我想让它回到穆斯列夫身上

感谢您的帮助

真诚地使用stop（）可能会有所帮助

$("#go").hover(
  function () {
    $("#block").stop(true, true).animate(... your code here ...);
  }, 
  function () {
    $("#block").stop(true, true).animate(... your code here ...);
  }
);

JQuery stop（）：

---

JQuery hover（）：

那么，如果要还原它，为什么要使用相同的值。为mouseenter和mouseleave设置动画？如果遇到问题，也可以使用鼠标悬停功能或悬停功能..我的错。当我测试代码时，我确实有不同的值。这似乎很好。我读了有关stop的文章，但直到现在我才真正理解如何应用它。非常感谢Turcia，这很有帮助。您建议我将此代码放在外部js文件中吗？不过我想那是行不通的。我有时会有各种转换类型，所以可能会有点繁重。您需要测试w和w/o外部js，然后确定哪一种适合您的需要。