發(fā)布一個(gè)基于javascript的動(dòng)畫類Fx.js_javascript技巧

代碼如下:
var example = new Fx(element,//元素
{
form:{
//動(dòng)畫前的樣式
//color:"#00f",
},
to:{
//目標(biāo)樣式
color:"#00f",
"background-color":"#5f5",
opacity:0.9,
},
//線性方法
transition:Transition.elasticInOut,
//動(dòng)畫時(shí)間
duration:5000,
//動(dòng)畫幀值
fps:50,
onAnim:function(s){
//動(dòng)畫過(guò)程中
},
onStart:function(){
//動(dòng)畫開(kāi)始時(shí)
},
onPause:function(){
//動(dòng)畫暫停時(shí)
},
onResume:function(){
//動(dòng)畫恢復(fù)時(shí)
},
onStop:function(){
//動(dòng)畫停止時(shí)
}
}
);
//開(kāi)始動(dòng)畫
example.start();
//停止動(dòng)畫
example.stop();
//停止動(dòng)畫并恢復(fù)到原始樣式
example.stop(1);
//暫停動(dòng)畫
example.pause();
//恢復(fù)動(dòng)畫
example.resume();

完整演示代碼:
代碼如下:

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com