JavaScript动画没有显示

问题描述:

我做这个代码用JavaScript来试试我的第一个JavaScript动画,但是当我打开网页,它显示我一个空白页...JavaScript动画没有显示

谁能告诉我什么是错用代码以及为什么它没有显示任何内容?

在此先感谢...

<html> 
 
<head> 
 
<title>Trying js Animation</title> 
 
</head> 
 
<body> 
 
<style> 
 
    #container{ 
 
    width: 500px; 
 
    height: 500px; 
 
    color: green; 
 
    position: relative; 
 
    } 
 
    #box{ 
 
    width: 50px; 
 
    height: 50px; 
 
    color: red; 
 
    position: absolute; 
 
    } 
 
</style> 
 
<div id="container"> 
 
    <div id="box"> 
 
    </div> 
 
</div> 
 
<script type="text/javascript"> 
 
    var t = setInterval(move, 1); 
 
    var pos = 0; 
 
    var box = document.getElementById('box'); 
 
    function move(){ 
 
    pos += 1; 
 
    box.style.left = pos + "px"; 
 
    } 
 
</script> 
 
</body> 
 
</html>

这个盒子是白色的。将“颜色”更改为“背景颜色”。

+1

Moreso它比白色“透明”,但是,幽默准确的答案。 – aaronofleonard

+0

感谢队友......那工作:)我认为颜色会改变颜色,但它会是背景:) –