課程
/前端開(kāi)發(fā)
/JavaScript
/JS動(dòng)畫效果
代碼哪里錯(cuò)了。
2016-12-27
源自:JS動(dòng)畫效果 6-2
正在回答
function startMove(obj,json,fn){ ? ? ? ? ? ? ? ?clearInterval(obj.timer); ? ? ? ? ? ? ? ?obj.timer=setInterval(function(){ ? ? ? ? ? ? ? ? ? ?var flag=true; ? //標(biāo)志所有運(yùn)動(dòng)是否到達(dá)目標(biāo)值 ? ? ? ? ? ? ? ? ? ?for(var attr in json){ ? ? ? ? ? ? ? ? ? ? ? ?var curr=0; //獲取當(dāng)前的值,設(shè)置為0下面進(jìn)行賦值 ? ? ? ? ? ? ? ? ? ? ? ?//判斷是否為透明度 ? ? ? ? ? ? ? ? ? ? ? ?if(attr=='opacity'){ ? ? ? ? ? ? ? ? ? ? ? ? ? ?curr=Math.round(parseFloat(getStyle(obj,attr))*100); //對(duì)透明度處理 ? ? ? ? ? ? ? ? ? ? ? ?}else{ ? ? ? ? ? ? ? ? ? ? ? ? ? ?curr=parseInt(getStyle(obj,attr)); //對(duì)普通的寬高處理 ? ? ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ? ? ?//移動(dòng)速度處理 ? ? ? ? ? ? ? ? ? ? ? ?var speed=0; ? ? ? ? ? ? ? ? ? ? ? ?speed=(json[attr]-curr)/8; //json[attr]為屬性值即目標(biāo)值 ? ? ? ? ? ? ? ? ? ? ? ?speed=speed>0?Math.ceil(speed):Math.floor(speed); //取整數(shù),將速度取整從而達(dá)到目標(biāo)值//檢測(cè)停止 ? ? ? ? ? ? ? ? ? ? ? ?if(curr!= json[attr]){ ? ? ? ? ? ? ? ? ? ? ? ? ? ?flag=false;//檢測(cè)為false則繼續(xù)下面的操作 ? ? ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ? ? ?if (attr=='opacity') { ? ? ? ? ? ? ? ? ? ? ? ? ? ?obj.style.filter='alpha(opacity:'+(curr+speed)+")";//IE瀏覽器 ? ? ? ? ? ? ? ? ? ? ? ? ? ?obj.style.opacity=(curr+speed)/100;//firefox瀏覽器 ? ? ? ? ? ? ? ? ? ? ? ?}else{ ? ? ? ? ? ? ? ? ? ? ? ? ? ?obj.style[attr]=curr+speed+'px'; ? ? ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ?if(flag){ //檢測(cè)為true則繼續(xù)下面的操作 ? ? ? ? ? ? ? ? ? ? ? ?clearInterval(obj.timer); ? ? ? ? ? ? ? ? ? ? ? ?if(fn){ ?//檢測(cè)是否有回調(diào)函數(shù),有就執(zhí)行 ? ? ? ? ? ? ? ? ? ? ? ? ? ?fn(); ? ? ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ?},30); ? ? ? ? ? ?}
for( var attr in json){}要放在定時(shí)器里面
舉報(bào)
通過(guò)本課程JS動(dòng)畫的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫開(kāi)始,逐步深入各種動(dòng)畫框架封裝
2 回答求大神幫看看哪里寫錯(cuò)了? 沒(méi)有效果
1 回答誰(shuí)有這節(jié)課講的完美運(yùn)動(dòng)框架的源代碼???發(fā)我一份好不好?
2 回答老師的完美運(yùn)動(dòng)框架有bug
1 回答完美運(yùn)動(dòng)框架問(wèn)題,鼠標(biāo)放上去有效果,離開(kāi)后透明度沒(méi)有變回來(lái)
8 回答完美運(yùn)動(dòng)框架,不能實(shí)現(xiàn)鏈?zhǔn)竭\(yùn)動(dòng)哇!
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-01-18
function startMove(obj,json,fn){
? ? ? ? ? ? ? ?clearInterval(obj.timer);
? ? ? ? ? ? ? ?obj.timer=setInterval(function(){
? ? ? ? ? ? ? ? ? ?var flag=true; ? //標(biāo)志所有運(yùn)動(dòng)是否到達(dá)目標(biāo)值
? ? ? ? ? ? ? ? ? ?for(var attr in json){
? ? ? ? ? ? ? ? ? ? ? ?var curr=0; //獲取當(dāng)前的值,設(shè)置為0下面進(jìn)行賦值
? ? ? ? ? ? ? ? ? ? ? ?//判斷是否為透明度
? ? ? ? ? ? ? ? ? ? ? ?if(attr=='opacity'){
? ? ? ? ? ? ? ? ? ? ? ? ? ?curr=Math.round(parseFloat(getStyle(obj,attr))*100); //對(duì)透明度處理
? ? ? ? ? ? ? ? ? ? ? ?}else{
? ? ? ? ? ? ? ? ? ? ? ? ? ?curr=parseInt(getStyle(obj,attr)); //對(duì)普通的寬高處理
? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ? ?//移動(dòng)速度處理
? ? ? ? ? ? ? ? ? ? ? ?var speed=0;
? ? ? ? ? ? ? ? ? ? ? ?speed=(json[attr]-curr)/8; //json[attr]為屬性值即目標(biāo)值
? ? ? ? ? ? ? ? ? ? ? ?speed=speed>0?Math.ceil(speed):Math.floor(speed); //取整數(shù),將速度取整從而達(dá)到目標(biāo)值
//檢測(cè)停止
? ? ? ? ? ? ? ? ? ? ? ?if(curr!= json[attr]){
? ? ? ? ? ? ? ? ? ? ? ? ? ?flag=false;//檢測(cè)為false則繼續(xù)下面的操作
? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ? ?if (attr=='opacity') {
? ? ? ? ? ? ? ? ? ? ? ? ? ?obj.style.filter='alpha(opacity:'+(curr+speed)+")";//IE瀏覽器
? ? ? ? ? ? ? ? ? ? ? ? ? ?obj.style.opacity=(curr+speed)/100;//firefox瀏覽器
? ? ? ? ? ? ? ? ? ? ? ?}else{
? ? ? ? ? ? ? ? ? ? ? ? ? ?obj.style[attr]=curr+speed+'px';
? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ?if(flag){ //檢測(cè)為true則繼續(xù)下面的操作
? ? ? ? ? ? ? ? ? ? ? ?clearInterval(obj.timer);
? ? ? ? ? ? ? ? ? ? ? ?if(fn){ ?//檢測(cè)是否有回調(diào)函數(shù),有就執(zhí)行
? ? ? ? ? ? ? ? ? ? ? ? ? ?fn();
? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?},30);
? ? ? ? ? ?}
2016-12-27
for( var attr in json){}要放在定時(shí)器里面