问:
求html赛车代码
答:
这里是一个简单的HTML赛车游戏代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>赛车游戏</title>
<style>
#road {
width: 600px;
height: 150px;
border: 1px solid black;
position: relative;
overflow: hidden;
}
#car {
width: 50px;
height: 70px;
background: red;
position: absolute;
bottom: 0;
}
</style>
</head>
<body>
<div id="road">
<div id="car"></div>
</div>
<script>
var car = document.getElementById("car");
var road = document.getElementById("road");
function moveCar() {
var x = car.offsetLeft;
x += 5;
car.style.left = x + "px";
if (x > road.offsetWidth) {
x = 0;
}
}
var timer = setInterval(moveCar, 50);
document.onkeydown = function(e) {
if (e.keyCode == 37) {
clearInterval(timer);
timer = setInterval(function(){
x = car.offsetLeft;
x -= 5;
car.style.left = x + "px";
}, 50);
}
if (e.keyCode == 39) {
clearInterval(timer);
timer = setInterval(moveCar, 50);
}
}
</script>
</body>
</html>
这个游戏代码实现了一个简单的赛车场景,产生一个自动移动的赛车,通过left和right箭头键可以控制赛车左右移动。代码使用HTML定义页面元素,CSS进行样式设置,JavaScript实现赛车的移动和键盘控制。