<html> <head> <title>动态太阳图片</title> <script> function moveSun() { var sun = document.getElementById("sun"); var position = -200; var id = setInterval(frame,10); function frame() { if (position == 1000) { clearInterval(id); } else { position++; sun.style.left = position + "px"; } } } window.onload = moveSun; </script> <style> #sun { position: absolute; width: 200px; height: 200px; background-color: yellow; border-radius: 50%; } body { background-color: skyblue; } </style> </head> <body> <div id="sun"></div> </body> </html>
这段代码中，我们用到了HTML、JavaScript和CSS。在JavaScript中，我们定义了一个函数用来移动太阳的位置，然后在网页加载后触发这个函数。在CSS中，我们设置了太阳的样式和背景色，以及整个页面的背景色。在HTML中，我们创建了一个div元素并且给它一个id，然后在JavaScript中通过getElementById获取到这个元素，从而实现对太阳位置的控制。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
