亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

完美運動框架，不能實現鏈式運動哇！

按照這個方式寫下來，同時運動是實現了，可是鏈式運動做不了哇。。求解！難道要用兩套不一樣的嗎？

正在回答

8 回答

function?startMove(obj,json,fnEnd){
	clearInterval(obj.timer);
	obj.timer?=?setInterval(function(){
		doMove(obj,json,fnEnd);
	},30);
}
function?doMove(obj,json,fnEnd){
	var?iCur?=?0;
	var?attr?=?null;
	var?bStop?=?true;
	for(attr?in?json){
		if(attr=='opacity'){
			//if(parseInt(100*getStyle(obj,attr))==0){
				//iCur?=?parseInt(100*getStyle(obj,attr));
			//}
			iCur=Math.round(parseFloat(getStyle(obj,attr))*100);
			//else{
				//iCur?=?parseInt(100*getStyle(obj,attr))?||?100;
		?????//}
		}
		else{
			iCur?=?parseInt(getStyle(obj,attr))?||?0;
		}
		var?iSpeed?=?(json[attr]?-?iCur)/5;
		iSpeed?=?(iSpeed>0)???Math.ceil(iSpeed)?:?Math.floor(iSpeed);
		if(json[attr]!=iCur){
			bStop?=?false;
		}
		if(attr=='opacity'){
			obj.style.filter?=?'alpha(opacity='+?(iCur?+?iSpeed)?+')';
			obj.style.opacity?=?(iCur?+?iSpeed)/100;
		}
		else{
			obj.style[attr]?=?iCur?+?iSpeed?+?'px';
		}	
	}
	if(bStop){
		clearInterval(obj.timer);
		if(fnEnd){
			fnEnd.call(obj);
			
		}
	}
}
function?stopMove(obj){
	clearInterval(obj.timer);
}
function?getStyle(obj,attr){
	if(obj.currentStyle){
		return?obj.currentStyle[attr];
	}
	else{
		return?getComputedStyle(obj)[attr];
	}
}


1 回復 有任何疑惑可以回復我~
#1

林青石

完美運動框架 拿去研究用吧
2015-08-26 回復 有任何疑惑可以回復我~

你把startMove(oDiv,{width:301,top:100,opacity:100}中的width變大一點，比如400，就可以了。感覺是width變化時間太短導致的

0 回復 有任何疑惑可以回復我~

不對應該這么寫 就沒事了

if (icon==json[attr])
? ??? ??? ?{
? ??? ??? ??? ?flag=true;

? ??? ??? ?}else{
? ??? ??? ??? ?flag=false;
? ??? ??? ?}

0 回復 有任何疑惑可以回復我~
#1

MIS_Lu

你好，這樣寫還是有問題啊。。就是同時運動達不到效果，請問你有遇到嗎
2015-08-21 回復 有任何疑惑可以回復我~

我本以為我解決了問題? 不過又出來一堆問題? 大家多交流解決吧

0 回復 有任何疑惑可以回復我~

是這老師不夠嚴謹 還是怎么? 他是不是漏了點代碼

if (icon!=json[attr])
? ??? ??? ?{
? ??? ??? ??? ?flag=false;

? ??? ??? ?}else{
? ??? ??? ??? ?flag=true;
? ??? ??? ?}

else語句沒寫導致flag無法獲得true值? 以致整個if(flag)都沒執行，你們的鏈式運動GG了

0 回復 有任何疑惑可以回復我~

我也是這樣的，怎么回事？代碼如下：

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>運動框架最終版</title>
<script?type="text/javascript"?src="move.js"></script>
<style?type="text/css">
*{margin:0;padding:0;}
div{margin:0?auto;width:300px;height:200px;border:4px?solid?#FF0;background:#000;filter:alpha(opacity:30);opacity:0.3;position:relative;top:0;}
</style>
<script?type="text/javascript">
window.onload=function?()?{
var?oDiv=document.getElementById("box");
oDiv.onmouseover=function?()?{
startMove(oDiv,{width:301,top:100,opacity:100},function?()?{
alert(1)
});
}
oDiv.onmouseout=function?()?{
startMove(oDiv,{width:300,top:0,opacity:30});
}
}
//獲取樣式
function?getStyle?(obj,attr)?{
??if?(obj.currentStyle)?{
????return?obj.currentStyle.attr;
??}?else{
????return?getComputedStyle(obj,false)[attr];
??};
}

//運動函數
function?startMove?(obj,json,fn)?{
??var?flag=true;?????????????//假設所有運動都達到了目標值
??clearInterval(obj.timer);
??obj.timer=setInterval(function(){
??//遍歷json中的值
????for(var?attr?in?json){
??//計算速度
??var?iCur=parseInt(getStyle(obj,attr))?
????if?(attr=="opacity")?{
?????iCur=Math.round(parseFloat(getStyle(obj,attr))*100);
????}?
??????speed=(json[attr]-iCur)/20;
??????speed=speed<0?Math.floor(speed):Math.ceil(speed)
??//判斷所有屬性是否達到目標值
??????if(iCur!=json[attr]){
?????????flag=false;
??????}?????????
??//判斷屬性是否為透明度?
??????if?(attr=="opacity"){?
??????obj.style.filter='alpha(opacity:'+(iCur+speed)+')';
??????obj.style.opacity=(iCur+speed)/100;
??????}?else{
????????obj.style[attr]=iCur+speed+"px";
??????};
??//判斷所有屬性是否達到目標值
??????if?(flag)?{
????????clearInterval(obj.timer);
??//判斷是否有需要執行的下一個函數
????????if?(fn)?{
??????????fn();
????????}?
????}
??}
??},30)
}
</script>
</head>
<body>
<div?id="box"></div>
</body>
</html>


0 回復 有任何疑惑可以回復我~

如果傳入的是this關鍵字 就要注意this在這里指向誰


0 回復 有任何疑惑可以回復我~

代碼貼出來，不可能實現不了。。?？赡苁菍戝e了把

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

完美運動框架，不能實現鏈式運動哇！

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號