简单的 Javascript CSS 不透明度淡入淡出功能答案

【问题标题】：simple Javascript CSS opacity fade function简单的 Javascript CSS 不透明度淡入淡出功能
【发布时间】：2014-03-31 06:06:56
【问题描述】：

我有以下代码：

<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。

谢谢

【问题讨论】：

标签： javascript css opacity

【解决方案1】：

您在应该使用 parseFloat 时使用 parseInt，因为不透明度值介于 0 和 1 之间。

【讨论】：