您也可以使用animate()方法同时为一个元素的多个属性设置动画。所有属性同时动画，没有任何延迟。
例试试这个代码»
<script>
$(document).ready(function(){
$("button").click(function(){
$(".box").animate({
width: "300px",
height: "300px",
marginLeft: "150px",
borderWidth: "10px",
opacity: 0.5
});
});
});
</script>
注意：与方法一起使用时，CSS属性名称必须用驼峰大小写animate()，例如，如果要动画化字体大小，则需要编写'fontSize'而不是。同样，用代替，而不是，等等。'font-size''marginLeft''margin-left''borderWidth''border-width'
提示：必须先设置border-style元素的属性，然后才能对其进行动画处理border-width。在设置边框宽度的动画之前，元素必须具有边框，因为该border-style属性的默认值为none。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery