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函数，能够用来实现各种各样的动画效果。以上介绍的只是其中的几个用法，欢迎大家探索更多的使用方法。