Menu
CoddyTech

交替改变方向

Coddy 移动云朵:HTML/CSS/JS 项目 课程的第 12 课,共 18 课。

现在,我们的云只向右移动,这很酷,但还不够。现在我们要让它交替向右和向左移动!

challenge icon

挑战

简单

在 JavaScript 文件中,为你的间隔添加交替改变方向的功能。

应该发生什么?

间隔第一次执行时,left 样式应等于 100%。

间隔第二次执行时,left 样式应等于 -50%(可以调整这个值,试试看哪个效果最好)。

间隔第三次执行时,left 样式应等于 100%。

依此类推……

如果不确定,可以查看提示。

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>

移动云朵:HTML/CSS/JS 项目中的所有课

自己练习: Web 在线编辑器