第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

完美運(yùn)動(dòng)框架

function?getStyle(elem,attr){
????var?result?=?null;
????result?=?elem.currentStyle?elem.currentStyle[attr]:getComputedStyle(elem,false)[attr];
????if(attr=="opacity"){
????????return?parseInt(parseFloat(result)*100);
????}
????return?parseInt(result);
}

var?timer?=?null;
//多個(gè)屬性同時(shí)變化
function?startMove(elem,json,fn){
????var?isStop?=?true;????????????//所有值都到達(dá)
????clearInterval(elem.timer);
????elem.timer?=?setInterval(function(){
????????//歷遍json屬性
????????for(var?attr?in?json){
????????????//1.取當(dāng)前與速度
????????????var?offset??=?json[attr];
????????????var?curAttr?=?getStyle(elem,attr);
????????????var?speed???=?(offset?-?curAttr)/8;
????????????speed?=?speed?>?0??Math.ceil(speed):Math.floor(speed);
????????????
????????????//2.檢測(cè)停止
????????????if(offset!=curAttr){
????????????????isStop?=?false;
????????????}
????????????if(attr=="opacity"){
????????????????elem.style.filter?=?"alpha(opacity:"+(curAttr+speed)+")";
????????????????elem.style.opacity=?(curAttr+speed)/100;
????????????}else{
????????????????elem.style[attr]?=?curAttr?+?speed?+?"px";
????????????}
????????}
????????//所有值都到達(dá)目標(biāo)值,則停止
????????if(isStop){
????????????clearInterval(elem.timer);
????????????if(fn){?fn();?}
????????}
????},30);
}


正在回答

舉報(bào)

0/150
提交
取消
JS動(dòng)畫效果
  • 參與學(xué)習(xí)       113916    人
  • 解答問題       1502    個(gè)

通過本課程JS動(dòng)畫的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫開始,逐步深入各種動(dòng)畫框架封裝

進(jìn)入課程
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)