如何使用animate方法给div加动画效果

新建一个html页面，定名为test.html，并在页面头部加载jquery.min.js库文件，用于利用animate方式给div加动画结果。

在test.html页面，利用button标签建立一个名称为“起头动画”的按钮，用于点击起头展示动画结果。

在test.html页面，利用div建立一个长宽都为100px的正方形，并给它设置布景颜色，出格需要注重的是div要设置position属性，这是实现动画结果的前提。

编写js代码，给button按钮绑心猿意马点击事务，当按钮被点击时，执行function()函数来实现动画结果。

在js里，获得div对象并绑心猿意马实现动画的方式animate(),下面将设置其属性实现动画结果。

经由过程animate()方式的属性设置动画结果，当点击“起头动画”按钮后，实现“div标的目的右移动250px，长宽扩大为150px，透明度为0.5”的结果。

在浏览器打开test.html页面，点击“起头动画”按钮，查看实现的动画结果。

0 条评论