jquery提供的animate()方法可以实现一些简单的动画效果,但是其核心库不提供颜色动画的效果,如果想实现颜色动画,需要下载相关插件。
但是,animate()的参数中有一个complete,通过它可以设置动画完成之后的执行函数,这时可以改变颜色。
1 <script type="text/javascript"> 2 $("#btn").click(function() { 3 $("div").animate({ 4 width: 100, 5 height: 100 6 }, { 7 duration: 3000, 8 complete: function() { 9 $("div").css("background-color", "red"); 10 } 11 }); 12 }); 13 </script>
如对本文有疑问, 点击进行留言回复!!
VScode中的react自动补全标签代码及黄色or红色警告
关于React处理input的方法和多个input共用一个方法(不用jQuery)
网友评论