1

我的问题是，我想在 JavaScript 的帮助下做简单的 CSS 动画。我知道已经有一个解决方案，但我正在尝试找出一种简化流程的方法。

例子：

<span id="span">Hello World</span>
<script>
var span;
goRed();
function goRed()
{
    span = document.getElementById("span");
    span.setAttribute("style", "-webkit-transition-duration:1s");
    span.style.color = "red";
}
</script>

当我运行此示例时，Hello World 立即变为红色。

到目前为止，我通过在函数 goRed() 中执行以下操作解决了这个问题：

window.setTimeout('span.style.color = "red";', 0);

延迟更改颜色有效。

我不想做的是之前在样式表中分配transition-duration，因为我想创建一个API来做简单的CSS动画。

那么有没有更优雅的方式来做到这一点？

提前致谢

4

0 回答 0