jQuery提供的animate()方法可以实现一些简单的动画效果,但是其核心库不提供颜色动画的效果,如果想实现颜色动画,需要下载相关插件。
但是,animate()的参数中有一个complete,通过它可以设置动画完成之后的执行函数,这时可以改变颜色。
<script type="text/javascript">
$("#btn").click(function() {
$("div").animate({
width: 100,
height: 100
}, {
duration: 3000,
complete: function() {
$("div").css("background-color", "red");
}
});
});
</script>