javascript - innerHTML 淡入

Question

用下面一行代码:

document.getElementById("myDiv").innerHTML=txt;

是否可以添加 .fadeIn("slow") 函数？我希望新文本淡入。

Answer 1

用js+CSS来做。 通过 CSS 过渡，它将淡入。

您需要将字体颜色设置为背景颜色。 首先更改内容， 然后将颜色更改为正常字体颜色。

你的代码:

document.getElementById("myDiv").innerHTML=txt;
document.getElementById("myDiv").style.color = "#333333";

你的 CSS:

#myDiv {
    color: #ffffff;
    transition: color 2s ease 0s;
}