jquery里面的animate用法

JQuery里有一个非常方便的函数叫做animate,它可以用来实现网页中的动画效果。animate函数有很多不同的用法,下面将分别介绍一些常用的animate用法。

1. 基本用法

$(选择器).animate({//属性和属性值},时间);

在animate函数中,选择器选择需要动画的元素,花括号内是需要改变的属性和属性值,时间参数是指动画所需的时间。

2. 改变元素的位置

$(选择器).animate({left: 100px,top: 100px},时间);

这里将元素的左边和顶点位置分别移动了100px。

3. 改变元素的大小

$(选择器).animate({width: 300px,height: 300px},时间);

这里将元素的宽度和高度都变成了300px。

4. 改变元素的透明度

$(选择器).animate({opacity: 0.5},时间);

这里将元素变成了50%的透明度。

5. 多个动画同时执行

$(选择器).animate({left: 100px}).animate({top: 100px},时间);

这里将元素的左边位置和顶点位置同时变化,两个动画同时进行。

总结:animate是一个非常强大的JQuery函数,能够用来实现各种各样的动画效果。以上介绍的只是其中的几个用法,欢迎大家探索更多的使用方法。

jquery里面的animate用法