通过减少元素的实际值来进行动画处理

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毫秒。