jquery动画animate缓动效果

最近公司市场部要做一个微信产品推广，带有动画色彩的，然后本人就开始尝试去做，做完之后总是感觉每个动画的效果特别的生硬,经过今天的分析思考，发现最重要的一个问题是因为没有给动画加上缓动效果,也就是没设置jquery animate的第三个参数easing。

作品二维码如下：

在jquery动画animate()方法中带有四个参数

语法：$(selector).animate(styles,speed,easing,callback);

参数介绍：

styles:必备参数，规定产生动画效果的css样式和值如：

{width:'200px',paddingLeft:'10px'}多个css样式需要用“｛｝”，每个css样式之间用“,”隔开，同时需要注意的是animate的css样式使用DOM名称来设置非css名称。如:padding-left需要用paddingLeft来设置。

speed 可选参数。规定动画的速度。默认值“normal” 可选值为：

1,具体毫秒数(比如1000)

2.'slow'

3,'normal'

4,'fast'

easing 可选参数。规定在不同的动画点中设置动画速度的easing函数

easing呢只的函数是两个swing,linear。如果想实现所谓的缓动效果，比如弹珠效果等，需用使用扩展插件jquery.easing.js。

弹珠效果链接：http://ime.baiwenbao.com/test/view/hoodle.html

使用方法和效果展示可参考：http://code.ciaoca.com/jquery/easing/

callback 可选参数，动画执行完之后需要执行的函数。