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