复制代码 代码如下:
var example = new fx(element,//元素
{
form:{
//动画前的样式
//color:#00f,
},
to:{
//目标样式
color:#00f,
background-color:#5f5,
opacity:0.9,
},
//线性方法
transition:transition.elasticinout,
//动画时间
duration:5000,
//动画帧值
fps:50,
onanim:function(s){
//动画过程中
},
onstart:function(){
//动画开始时
},
onpause:function(){
//动画暂停时
},
onresume:function(){
//动画恢复时
},
onstop:function(){
//动画停止时
}
}
);
//开始动画
example.start();
//停止动画
example.stop();
//停止动画并恢复到原始样式
example.stop(1);
//暂停动画
example.pause();
//恢复动画
example.resume();
完整演示代码:
复制代码 代码如下:
fx动画类 支持css3
a
start()
pause()
resume()
stop(0)
stop(1)
显示数据:
打包下载