使用jqueryui / jquery调整div的padding-top

Question

我有一个顶部填充为140px的div。我想将顶部填充调整为30px。我怎么能用jqueryui / jquery做一个平滑的动画？

Answer 1

这样的事情：

$('#divID').animate({paddingTop: '30px'});

Answer 2

$('#divid').animate({ padding-top: 30px }, 5000, function() { //on completefunction });

在上面，第一个{}是要设置动画的CSS属性列表。第二个参数是动画应该采用的毫秒数，function（）是动画完成时要进行的调用。

您可以将执行时间从5000更改为更大或更小的值，具体取决于您希望动画拍摄的时间。