交替改变方向
Coddy 移动云朵:HTML/CSS/JS 项目 课程的第 12 课,共 18 课。
现在,我们的云只向右移动,这很酷,但还不够。现在我们要让它交替向右和向左移动!
挑战
简单在 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 在线编辑器