jquery - 撤消 jquery 动画

Question

我制作了一个动画，其中 4 个 div 在另一个 div 的“后面”滑动。我需要一个重置按钮来再次显示所有 div，所以我想我可以撤消动画。因此，例如，如果我向左动画 -100 像素，我想我可以动画向右 +100 像素。那个动画什么也没做。我做了一个js小提琴。如果代码太多，请告诉我。

http://jsfiddle.net/R2ARv/3/

在此先感谢您的帮助。

Answer 1

如果你使用 += 和 -=，你可以像这样制作动画对立面：

left -=100px
left +=100px

left -=100px 的相反动画是 left +=100px。

要使用您正在使用的正常定位，您必须知道或保存之前的左侧位置并动画回到该位置。

因此，如果 left 以前为零，那么这些将相互反转，因为这些是绝对位置，而不是相对于先前的位置：

left -100px
left 0

Answer 2

如果要向左反转：-100px，请向左：+100px 或向右：-100px。

左：-100px 等于右：+100px。

Answer 3

http://jsfiddle.net/HxxUp/

只需将 left 设置回 0。这会将元素重新定位回它们原来的位置，前提是它们不是绝对定位的。

$("#back-to-main").click(function(){
        $("#div-link2").animate({"left": "0"}, 1500);
        $("#div-link3").animate({"left": "0"}, 1500);
        $("#div-link4").animate({"left": "0"}, 1500);
        $("#div-link5").animate({"left": "0"}, 1500);

       //other code
});