好的,所以我正在创建一个有趣的游戏。游戏涉及一个 5 秒的计时器和像盒子一样形状的 div。第一轮您从 1 个 div 开始,目的是让您在计时器用完之前单击该 div。如果你通过了,你就进入下一个级别,它增加了两倍的盒子,所以第 2 层你有 2 个盒子,第 3 层有 4 个盒子,依此类推。我无法始终创建两倍的 div 长度。我没有太多代码,因为我没有尝试过任何工作。这是jsfiddle:
<!doctype html>
<html>
<head>
<title>jQuery Project: An exploding game</title>
<meta charset="utf-8">
<style>
body, html {
width: 960;
height: 500%;
}
div.box {
position: relative;
width: 100px;
height: 100px;
background-color: orange;
}
div.exploding {
position: absolute;
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
</body>
</html>