簡單JavaScript代碼，CSS不透明淡入淡出功能

Question

我有以下代碼：

<div id='icro' style="position:relative;left:-133px;float: left;top:-60px;opacity:0;">icro</div> 
<script> 
    var showicroDelay; 
    showicro(); 
    function showicro() { 
    document.getElementById('icro').style.opacity=parseInt(document.getElementById('icro').style.opacity) +.05; 
    showicroDelay=setTimeout(showicro, 1); 
    if (document.getElementById('icro').style.opacity==1) { 
     clearTimeout(showicroDelay); 
    } 
    } 
</script> 

可有人發現我的錯誤？我使用基本相同的代碼來移動元素，並且它的工作完美無瑕！ 截至目前，它只做了一次，因爲在不透明度設置爲0.05。

感謝

Answer 1

您正在使用parseInt時，你應該使用parseFloat因爲不透明度值是0

和1之間。