我有一个网页上的文本标题,这是顺序的,动态的,随机修改的时间间隔。目前,我正在使用textContent方法更改文本中的每个单词,这会产生一个笨重的动画。我想为每个单词/短语的变化在文本中添加一个淡入/淡出动画。我知道用jQuery可以做一些类似的事情,但我想看看是否可以用纯JavaScript和CSS来完成它,如果它可以添加到我现有的代码中。如果我必须改变我的整个方法(比如将所有文本放到HTML元素中并使用CSS显示每个元素),也没问题,只要它是有效的。 这是我的代码。 // Text to replace elements in h1 with
const languages = [
如果我有css样式,则如下所示:
.transition {
transition: left linear .4s;
-moz-transition: left linear .4s;
-o-transition: left linear .4s;
-webkit-transition: left linear .4s;
}
以及以下html:
<div id="mydiv">Test</div>
以及下面的jQuery:
$(function () {
$('#mydiv').css('
Javascript
var wrapper = document.getElementById("wrapper");
var div = document.createElement("div");
wrapper.appendChild(div);
div.className += " red"; // this should happened after appendChild()
CSS:
div{color:blue; transition: all 2s;}
div.red{color:red;}
我想要的:
将一个“红色”clas