                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JS動(dòng)畫效果

運(yùn)行不出來(lái)?。。?！

function?getStyle(obj,attr){
		if(obj.currentStyle){
				return?obj.currentStyle[attr];
			}
			else{
					return?getComputedStyle(obj,false)[attr];
				}
	}

function?starMove(obj,json,fn){	
var?flag?=?true;
for(var?attr?in?json){
		clearInterval(obj.timer);
		obj.timer?=?setInterval(function(){
				//1.取當(dāng)前值
				var?iCur?=?0;
				
				if(attr?==?'opacity'){
						iCur?=?Math.round(parseInt(getStyle(obj,attr))*100);
					}
					else{
							iCur?=?parseInt(getStyle(obj,attr));
						}
						
				//2.算速度
				var?iSpeed?=?(json[attr]-iCur)/8;
				iSpeed?=?iSpeed?>?0???Math.ceil(iSpeed)?:?Math.floor(iSpeed);
				
				//3.檢測(cè)停止
				if(iCur?!==?json[attr]){
						flag?=?false;
					}
					else{
							if(attr?==?'opacity'){
									obj.style.filter?=?'alpha:(opacity:'+(iCur+iSpeed)+')';
									obj.style.opacity?=?(iCur+iSpeed)?/100;
								}
								else{
										obj.style[attr]?=?iCur+iSpeed+'px';?
									}
						????????}
						if(flag){
								clearInterval(obj.timer);
								if(fn){
										fn();
									??}
							????}
		????????????????}
			???},30)
	}

小扔

2015-12-24

源自：JS動(dòng)畫效果

關(guān)注問(wèn)題我要回答

737

操作

收起

2 回答

小扔提問(wèn)者
2015-12-25

謝謝前輩。。。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

李曉健
2015-12-24

function?starMove(obj,?json,?fn)?{
????var?flag?=?true;
????for?(var?attr?in?json)?{
????????clearInterval(obj.timer);
????????obj.timer?=?setInterval(function?()?{
????????????//1.取當(dāng)前值
????????????var?iCur?=?0;

????????????if?(attr?==?'opacity')?{
????????????????iCur?=?Math.round(parseInt(getStyle(obj,?attr))?*?100);
????????????}?else?{
????????????????iCur?=?parseInt(getStyle(obj,?attr));
????????????}

????????????//2.算速度
????????????var?iSpeed?=?(json[attr]?-?iCur)?/?8;
????????????iSpeed?=?iSpeed?>?0???Math.ceil(iSpeed)?:?Math.floor(iSpeed);

????????????//3.檢測(cè)停止
????????????if?(iCur?!==?json[attr])?{
????????????????flag?=?false;
????????????}?else?{
????????????????if?(attr?==?'opacity')?{
????????????????????obj.style.filter?=?'alpha:(opacity:'?+?(iCur?+?iSpeed)?+?')';
????????????????????obj.style.opacity?=?(iCur?+?iSpeed)?/?100;
????????????????}?else?{
????????????????????obj.style[attr]?=?iCur?+?iSpeed?+?'px';
????????????????}
????????????}
????????????if?(flag)?{
????????????????clearInterval(obj.timer);
????????????????if?(fn)?{
????????????????????fn();
????????????????}
????????????}
????????},?30)
????}
}

這個(gè)方法括號(hào)嵌套有問(wèn)題，自己好好看一下