发布一个动画类 Fx.js

支持大部分CSS3属性的动画(可能要指定详细的属性值)。

 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();

 

 

 

Demo

下载 Fx.js (学习js时编写，有部分代码还不完善)

 

 

转载于:https://www.cnblogs.com/tangoboy/archive/2010/10/31/1865685.html