JQuery animate div"；例如；变焦

我永远无法让这些工作-抱歉-但我试图在鼠标上设置动画，然后在鼠标上“重新设置动画”。我永远无法让

$（'#xyz'）。悬停（function（）{'something'，function（）{'somethingelse'}）；

工作。希望你们能帮忙

我想做的是在一些绝对定位的div上设置+20px和-20px（顶部和左侧）的动画，然后在宽度-高度上添加40px，在鼠标离开时返回到原始位置/宽度/高度。我甚至还没有得到css宽度/高度

这是我的代码（这是错误的-它一定是错误的，因为它不工作：-）

---

非常感谢您的帮助。请提前感谢您的帮助。

您在错误的地方筑巢；）

按照嵌套的方式，您使用的是animate方法的回调功能。因此，您在第一个动画结束后调用第二个动画，而不是在鼠标移出时调用

---

更新

此外，您还需要为您执行的计算提供一个单位，以便在数字旁边添加一个

px

，如果您想更改当前位置，请使用

+=

和

-=

 $('.box').hover(
      function(){
          $(this).animate({'top':'-=20px','left':'-=20px', 'height':'+=40px'});
     },
      function(){
        $(this).animate({'top':'+=20px','left':'+=20px', 'height':'-=40px' });
      }
 );

---

示例：

好，将我的评论转换为答案：

---

您输入了一个错误，在第一次

animate

调用后，您错过了结束peren。

在第一次

animate

调用中，您错过了第二个peren。不确定这是复制错误还是您的问题。@zzzzBov-这是我的问题，不是输入错误，谢谢。@Gaby-谢谢您/这是一个例外（不是您的错）-我的错误是没有真正提出正确的问题。我真正定义的是距离div的位置+/-20px（我有6个），所以选择“top:-20”或“top:+20”在第一个上有效，但其他的都不起作用，因为它们都是“top+/-20”-知道如何使用“offset”来实现这一点吗？所有div在“relative”包装中都是绝对位置“@Gaby-PERFECT-请告诉我（如果你愿意的话）'-20px'和'-=20px'等之间有什么区别？@Russell，

-=

和

+=

模拟了相关的javascript速记操作符（）。

-=10px

意味着从当前值中减去

10px

。

 $('.box').hover(
      function(){
           $(this).animate({'top':'-20px','left':'-20px'});
     },
      function(){
        $(this).animate({'top':'20px','left':'20px' });
      }
 );

 $('.box').hover(
      function(){
          $(this).animate({'top':'-=20px','left':'-=20px', 'height':'+=40px'});
     },
      function(){
        $(this).animate({'top':'+=20px','left':'+=20px', 'height':'-=40px' });
      }
 );