JQuery UI如何制作颜色动画
工具/材料
崇高的文本
操作方法 01
先打开Sublime Text，然后在编辑器中添加HTML5页面，如下图所示。因为页面包含中文，所以编码需要设置为utf-8格式。
02
接下来需要下载Jquery UI的库文件，并以HTML格式导入Jquery UI的样式库文件，如下图所示。
03
因为彩色动画效果需要JS脚本控制，所以需要导入Jquery和Jquery ui的脚本，如下图所示。
因为jquery ui是用Jquery写的，所以先导入Jquery文件。
04
然后在body标签中添加一个div和一个按钮。
div标签就是我们要操作的色块，按钮用来触发动画操作，如下图所示。
05
接下来，将样式标记添加到页面，并为上面设置的div颜色块添加样式，如下图所示。
06
然后在script标签中添加我们的脚本代码，如下图所示。通过调用animate方法进行动画，可以直接指定色块的背景色。
07
最后，我们运行页面程序，你会在页面中看到一个色块和一个按钮。点击按钮后，色块发生变化，如下图所示。
