首先非常感谢网友姬客的分享,此插件是他自己写的一个动画类,支持左、右、显示、隐藏等动画效果,使用也很简单
用法:new Fx(element, attrs, config).run([attrs]);
element:动画作用的对象,类型为Dom节点对象,必填
attrs:设置样式值。
如果的样式名中带有"-",样式名必须加引号,如:"margin-left",禁止用驼峰式命名(如:"marginLeft");值只能设置为数字或数组(如果为string类型默认转换成0)类型。
数字:动画终值。
数组:数组中只能包含两个数值类型的值,分别表示动画的起始值和终值,必填。
config:设置动画时间和缓动。
类型只能是数字或对象数组。
数字:执行的时间(执行的时间,单位为毫秒)。
对象数组:有两个子元素,分别为easing和duration。
easing:缓动类型,可配合fx.tween扩展的缓动类使用,
自带四种类型:
sineInOut:先加速再减速,效果自然,默认值。
expoOut:减速运动,过度快速。
cubicOut:减速运动,过度自然。
cubicInOut:先加速再减速,过度幅度稍快。
duration:执行的时间,单位为毫秒。
run([attr]):参数可选,适用于重复使用的动画对象的不同赋值运行,规则同attrs,此方法调用时动画才开始执行。
clear():清除动画。
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
动画插件 原创 滚动特效