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

2024-10-13 16:29:07

1、新建一个html页面,命名为test.html,并在页面头部加载jquery.min.js库文件,用于使用animate方法给div加动画效果。

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

3、在test.html页面,使用div创建一个长宽都为100px的正方形,并给它设置讳求藜派背景颜色,特别需要注意的是div要设置position属性,这是实现动画效果的前提。

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

5、在js里,获得div对象并绑定实现动画的方法animate(),下面将设置其属性实现动画效果。

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

7、在浏览器打开test.html页面,点击“开始动画”按钮,查看实现的动画效果。

如何使用animate方法给div加动画效果
猜你喜欢