简单的js俄罗斯方块游戏源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>简单的js俄罗斯方块游戏源码</title>
<style type="text/css">
.MainFrame
{
border: 1px solid burlywood;
margin: 10px auto;
position: relative;
}
.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;
}
#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;
margin: 0 auto;
margin-bottom: 100px;
position: relative;
}
.drawdiv{
margin: 1px;
border: 1px solid silver;
position: absolute;
}
</style>
<script src="js/GameFrame.js" type="text/javascript" charset="utf-8"></script>
<script src="js/graph.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body onload="initGame()">
<div id="tetris">
<div id="control">
难度：
<div><select id="level" onchange="changespeed()">
<option value="1000">简单
<option value="500">一般
<option value="200">困难
</select></div>
<input type="button" id="regame" value="重 新 开 始" onclick="regame()">
<p>
↑：变换<br>
←：左移<br>
→：右移<br>
↓：加速<br>
</p>
</div>
<div id="TFrime"></div>
<div id="info">
下一个图形:
<div id="nextfigure">
</div>
<div>分数：<span id="score">0</span></div>
</div>
</div>
<div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源：<a title="WEB前端学习交流群21 598399936" href="https://jq.qq.com/?_wv=1027&k=4EIekJ3" target="_blank">
WEB前端学习交流群21 598399936</a></p>
</div>
</body>
</html>
WEB前端学习交流群21 598399936
WEB前端学习交流群21 598399936
