jQuery动画animate

.animate( style, time, easing, callBackFn): 给绑定的元素执行相对应的css动画;
style:要执行css的动画样式;必选

time:执行的时间(从开始到结束的时间);可选

easing:动画以什么样的方式执行(慢----slow、快----fast、匀速-----linear、先快后慢 ··· );可选

callBackFn:动画执行完后的回调函数。可选

eg:每50毫秒div的top和left值加5像素,元素会不断向右下角移动

(注意:要使元素移动的话,必须要设置相对定位或绝对定位或固定定位)

jQuery动画animate

 

 

关于使用animate几个注意点:
1、要想让元素移动,必须给元素添加定位才行;

2、像素单位px不写也可以,jq内部会帮我们加上;

3、当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left;

网上有很多关于easing的动画库,如jQuery Easing Plugin,引入之后直接用即可。

上一篇:动画移动效果


下一篇:animate动画使用