调用animate()
方法不仅可以制作简单渐渐变大的动画效果,而且还能制作移动位置的动画,在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。
例如,调用animate()
方法先将图片向右移动90px,然后,再将图片宽度与高度分别增加30px,如下图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/77a902c525a0936923e05d9ae01b55ee.jpeg)
在浏览器中显示的效果:
![](https://i-blog.csdnimg.cn/blog_migrate/ebeeac2a96795a93a7253d29f4171b8c.jpeg)
从图中可以看出,图片先向右移动了“90px”,然后,移动成功后,再在原来的基础之上以动画的效果增大30px,增加成功后,显示“执行完成!”的字样。