關(guān)于alpha>iTarget的問題想問下大家
<!doctype?html> <html> <head> ????<meta?charset="UTF-8"> <title>透明度</title> <style> *{ margin:0;padding:0; } #div{ width:300px;height:200px;background:red;filter:alpha(opacity:30);opacity:0.3; } </style> ????</head> ???<script> ???window.onload=function(){ ???var?onDiv=document.getElementById('div'); ???onDiv.onmouseover=function(){ ??startmove(100); ??} ???onDiv.onmouseout=function(){ ??startmove(30); ??} ??} ??var?timer=null; ??????alpha=30; ??function?startmove(iTarget){ var?onDiv=document.getElementById('div'); clearInterval(timer) timer=setInterval(function(){ var?speed=0; if(alpha>iTarget){ speed=-10; }else{ speed=10; } if(alpha==iTarget){ clearInterval(timer); }else{ alpha+=speed; onDiv.style.filter='alpha(opacity:'+alpha+')'; onDiv.style.opacity=alpha/100; } },30) } ???</script> <body> <p?id="div"></p> </body> </html>
老師在講alpha>iTarget我其實(shí)是有點(diǎn)懵的,因?yàn)槲铱戳讼乱呀?jīng)定義了alpha=30,并且iTarget在30-100之間徘徊的,那我應(yīng)該怎么去理解這句話?
2017-07-15
你這樣想:iTarget是個定值(30,100);
alpha是一個隨時間變化而變化的值,即所對應(yīng)的顏色深淺。
當(dāng)alpha>iTarget時,是不是iTarget只能取30,這個不等式才能有效。即他的目標(biāo)值是30,是不是顏色要變淺啊,顏色變淺是不是要給alpha值遞減啊,遞減的話,只能加一個負(fù)數(shù)吧。
你畫一個數(shù)軸,標(biāo)出alpha與iTarget就比較明顯
2017-07-12
這是鼠標(biāo)移入,目標(biāo)值從100轉(zhuǎn)向30所以要負(fù)數(shù)