Question

这是我的代码：

var elem = document.getElementById("script_"+el);
elem.style.opacity = 0.5;
elem.style.transition = "opacity 1s";

我后来在代码中有了

elem.style.opacity = 1;

我期望div首先加载不透明度（0.5），然后加载更高的不透明度并添加过渡效果并从不透明度0.5移动 - > 1，我在JavaScript教程中看到了这种情况，但它似乎不适用于我的div和我的内容。

Answer 1

设置过渡属性

后必须延迟

  var elem = document.getElementById("script_"+el);
  elem.style.opacity = 0.1;
  elem.style.transition = "opacity 1s";
  setTimeout(function(){ elem.style.opacity = 1;} , 50);

DEMO

或者最好的方法是通过css添加转换。在检测目标属性之前，不会指望引擎会有一些延迟。

div的JavaScript淡化效果

1 个答案:

DEMO