jquery - 通过减少元素的实际值来制作动画

Question

我需要通过为每个元素减少 30px 来更改元素的顶部位置。

假设我希望 50px 为 20px 和 100px 为 70px 等等。

Answer 1

您可以使用-=符号来减少属性的当前值。尝试这个：

$('#foo').animate({ top: '-=30px' }, 1000);

注意，1000是动画完成所需的毫秒数，可以根据需要进行修改。

Answer 2

$(".elementClass").animate({"top": "-=30"}, 500);
30是要减少高度的像素数。500是动画的毫秒数。

一个工作演示： http: //jsfiddle.net/JNUUs/
我添加.delay(500)了在动画之前等待 500 毫秒。