Question

我做了一个动画，其中4个div滑动“后面”另一个div。我需要一个重置按钮，再次显示所有div，所以我想我可以撤消动画。所以，例如，如果我动画左-100px，我认为我可以直接动画+ 100px。那个动画什么也没做。我做了一个小提琴手。如果代码太多，请告诉我。

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

提前感谢您的帮助。

Answer 1

如果你使用+ =和 - =，你可以制作这样的动画：

left -=100px
left +=100px

左边的相反动画 - = 100px左+ = 100px。

要使用您正在使用的正常定位，您必须知道或保存前一个左侧位置并将其恢复原状。

所以，如果左边先前为零，那么这些会相互反转，因为它们是绝对位置，而不是相对于之前的位置：

left -100px
left 0

Answer 2

如果你想左转：-100px，你做左：+ 100px或右：-100px。

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

Answer 3

http://jsfiddle.net/HxxUp/

只需将左侧设置为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
});

撤消jquery动画

3 个答案: