按照課程中的思路，我將alpha值設(shè)為浮點(diǎn)數(shù)，就會(huì)產(chǎn)生奇怪的事情。。。。。。
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">
div{
width:?100px;
height:?100px;
background:?red;
opacity:?0.3;
}
</style>
<script?type="text/javascript">
window.onload?=?opacity;
function?opacity()?{
var?div?=?document.getElementById('div');
div.onmouseover?=?function?()?{
startOpa();
};
div.onmouseout?=?function?()?{
startOpa();
};
}
var?timer?=?null;
//alpha為頁(yè)面設(shè)置初始不透明度值。
var?alpha?=?0.3;
/*function?startOpa(iTarget)?{
var?div?=?document.getElementById('div');
clearInterval(timer);
timer?=?setInterval(function?()?{
var?speed;
//判斷速度正負(fù)，也就是往透明走還是不透明走
if?(iTarget?>?alpha)?{
speed?=?0.05;
}else?{
speed?=?-0.05;
}
//操作
if?(alpha?==?iTarget)?{
clearInterval(timer);
}else?{
alpha?=?speed?+?alpha;
div.style.opacity?=?alpha;
}
},30);
}*/
function?startOpa()?{
var?div?=?document.getElementById('div');
clearInterval(timer);
timer?=?setInterval(function?()?{
if?(alpha?==?1)?{
clearInterval(timer);
}else?{
alpha?=?alpha?+?0.01;
div.style.opacity?=?alpha;
}
},250);
}
</script>
</head>
<body>
<div?id="div"></div>
</body>
</html>注釋的代碼是寫(xiě)完的代碼，我把它注釋掉了然后就寫(xiě)一個(gè)開(kāi)始漸變?nèi)缓鬂u變到1時(shí)停止這個(gè)例子都無(wú)法啟動(dòng)，然而寫(xiě)成整數(shù)又可以運(yùn)行，頭痛。
2016-05-18
想了半天！終于知道了！跟我一樣的小伙伴不明白的快點(diǎn)進(jìn)來(lái)看！
搞了半天，是javascript的問(wèn)題，ｊｓ里浮點(diǎn)數(shù)運(yùn)算有一些小問(wèn)題．具體情況你們加載這段代碼就明白了．真是巨坑無(wú)比！
var?b?=?0.3; for?(var?i?=?0.1;?i?<?1;?i=0.1){ b+=i; alert(b); }