使用 jqueryui/jquery 调整 div 的填充顶部

【问题标题】：resize padding-top of div using jqueryui/jquery使用 jqueryui/jquery 调整 div 的填充顶部
【发布时间】：2011-03-01 03:28:15
【问题描述】：

我有一个顶部填充为 140 像素的 div。我想将顶部填充调整为 30px。我怎样才能做到这一点并使用 jqueryui/jquery 制作流畅的动画？

【问题讨论】：

【解决方案1】：

类似这样的：

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

【讨论】：

【解决方案2】：

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

在上面，第一个 {} 是要设置动画的 CSS 属性列表。第二个参数是动画应该花费的毫秒数，function() 是动画完成时的调用。

您可以将执行时间从 5000 更改为更大或更小，具体取决于您希望动画花费多长时间。

【讨论】：