简单的js俄罗斯方块游戏源码

来源：互联网发布：阿里郎电影百度云编辑：程序博客网时间：2024/05/17 08:04

<!DOCTYPE html>

<html>

<head>

<title>简单的js俄罗斯方块游戏源码</title>

.MainFrame

{

border: 1px solid burlywood;

margin: 10px auto;

position: relative;

background-color: silver;

}

.MainFramediv

{

float: left;

margin: 1px;

position: absolute;

/*z-index: -1;*/

}

.smallDiv

{

margin: 1px;

position: absolute;

}

.smallDivblack

{

/*float: left;*/

margin: 1px;

/*margin: 1px;*/

position: absolute;

/*z-index: 2;*/

}

#tetris{

width: 50%;

margin: 0 auto;

padding: 0;

/*border: 1px solid silver;*/

}

#tetris:after{

content: "";

Display: block;

Clear: both;

}

#control{

float: left;

border: 1px solid silver;

width: 150px;

height: 578px;

margin-top: 10px;

margin-left: 20px;

padding-top: 30px;

font-size: 24px;

font-weight: 400;

color: blue;

text-align: center;

}

#level,#regame{

width: 100px;

height: 30px;

border: 1px solid blue;

font-size: 16px;

color: red;

font-weight: 300;

}

#control p{

margin-top: 200px;

}

#regame{

margin-top: 100px;

font-weight: 600;

background-color: azure;

}

#TFrime{

float: left;

}

#info{

float: left;

border: 1px solid silver;

width: 150px;

height: 578px;

margin: 10px auto;

padding-top: 30px;

text-align: center;

color: blue;

font-size: 24px;

font-weight: 400;

}

#nextfigure{

width: 100px;

height: 100px;

background-color: silver;

margin: 0 auto;

margin-bottom: 100px;

position: relative;

}

.drawdiv{

background-color: red;

margin: 1px;

border: 1px solid silver;

position: absolute;

}

</style>

</head>

难度：

<option value="1000">简单

<option value="500">一般

<option value="200">困难

</select></div>

<p>

↑：变换<br>

←：左移<br>

→：右移<br>

↓：加速<br>

</p>

</div>

下一个图形:

</div>

</div>

<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>

WEB前端学习交流群21 598399936</a></p>

</div>

</html>

WEB前端学习交流群21 598399936

阅读全文

0 0