运动函数
运动函数
var ani = ele.animate([keyframes],{options});
keyframes: ⼀个对象,代表关键帧的集合;
options:【可选参数】代表动画持续时间的整形数字(以毫秒为单位),或者⼀个包含⼀个或多个时间属性的对象。
属性:
id:在animate函数⾥可作为唯⼀标识的属性,⼀个⽤来引⽤动画的字符串;
delay:动画延迟时间执⾏,时间以ms为单位;
derection:动画的执⾏⽅向;
正向:“normal forwards”;
反向:“rever backwards”;
包谷稀饭重复正向:“alternate reforwards”:
重复反正向:“alternate alternate-rever”;
duration:指定动画的运⾏时间,ms为单位;
easing:动画的运动速度曲线:
“linear”: 动画匀速运动;
“ea”: 动画以低速开始,然后加快,在结束前变慢;
“ea-in”: 动画以低速开始;
“ea-out”: 动画以低速结束;
“ea-in-out”: 动画以低速开始和结束;
“cubic-bezier”=>”cubic-bezier(0.42,0,0.58,1)”: 在cubic-bezier函数中⾃⼰的值。可能的值是0-1的数值。
endDelay: 动画结束后的延迟,ms为单位;
fill: 指定在播放前(“forwards”),在动画完成播放后(“backwards”)保留或者两者都保留的元素是否反映动画的效果。默认
是“没有”;
自我陈述范文
iterationStart: 描述应从迭代的哪⼀点开始。如:0.5应从迭代的中间开始,在这个值集合中,⼀个有两个迭代的动画将在第三次迭代的中途结束。默认值为0.0。
iteration:规定动画播放次数; Infinity⽆限次
eg:uover = function(){
var that = this;职业发展>付出回报
that.animate(
双语教学[
{transform: getStyle(that,”transform”) },
{transform: “scal(2)”}
],
英语单词怎么拼读{
duration:1000, fill:”forwards” }
)ac和ap
}星际女主文
封装的函数