webkit - div上的css过渡效果
webkit - div上的css过渡效果
提问于 2010-12-30 10:45:51
当我改变一个div的innerHTML时，我试图做淡入/淡出效果。甚至在safari doc上给出了尝试过的例子
我希望div淡出，更改内容，然后用新内容再次淡入。
<style>
.cv { background-color: #eee; -webkit-transition: all 1s ease-in-out;}
.cf {opacity: 0;}
</style>
<body>
<div id="main">
<div id="c"> OLD </div>
</div>
</body>
<script>
var c = document.getElementById("c");
c.setAttribute("class", "cf");
c.innerHTML = '';
c.appendChild(fragment);
c.setAttribute("class", "cv");
</script>请帮帮我
Stack Overflow用户
发布于 2010-12-30 11:56:01
<style>
.cv { background-color: #eee; -webkit-transition: all 1s ease-in-out;}
/* .cf {opacity: 0;} */
</style>
<body>
<div id="main">
<div id="c"> OLD </div>
</div>
<script>
var c = document.getElementById("c");
c.setAttribute("class", "cf");
// c.innerHTML = '';
// c.appendChild(fragment);
c.setAttribute("class", "cv");
</script>
</body>试试这段代码。将脚本放在正文结束标记之前，而不是之后。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4559634
复制相关文章
相似问题
腾讯云开发者
