现在我们知道了如何选择和更改DOM元素,我们可以创建一个简单的动画。 让我们创建一个简单的HTML页面,其中包含一个box元素,该元素将使用JS设置动画。 style #container { width: 200px; height: 200px; background: green; position: relative; } #box { width: 50px; height: 50px; background: red; position: absolute; } /style div id=container div id=box /div /div 我们的box元素位于container元素中。请注意用于元素的位置属性：容器是相对的,长方体是绝对的。这将允许我们创建相对于容器的动画。 我们将设置红色框的动画,使其移动到容器的右侧。 您需要熟悉CSS才能更好地理解所提供的代码。