扫雷游戏(原创)

Html

Css

#stage {
	margin:0 auto;
	border-left:1px solid #666;
	border-top:1px solid #666;
	vertical-align:middle;
	text-align:center;
}
.lv1 {
	width:300px;
	height:300px;
}
.lv2 {
	width:480px;
	height:480px;
}
.lv3 {
	width:900px;
	height:480px;
}
.map > div {
	background-color:#ccc;
	float:left;
}
.wait {
	width:22px;
	height:22px;
	border:4px solid #888;
	border-top-color:#fff;
	border-left-color:#FFF;
}
.clear {
	width:29px;
	height:29px;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	line-height:29px;
	font-size:18px;
	font-weight:bold;
}

document.write('<div id="stage" class="map"></div>');
var map = document.getElementById("stage");
var mines = [];
var rn = []; //-11,9,-1,-10,10,1,-9,11];
var fc = ["", "#3866A4", "#067d16", "#980505", "#061b5a", "#5e0404"];
var sn = 0;

var lv1 = {
    classname: "lv1",
    col: 10,
    row: 10,
    mns: 10,
    sum: 100
}
var lv2 = {
    classname: "lv2",
    col: 16,
    row: 16,
    mns: 40,
    sum: 256
}
var lv3 = {
    classname: "lv3",
    col: 16,
    row: 30,
    mns: 100,
    sum: 16 * 30
}
var lv;

function setLevel(level) {
    switch (level) {
        case "2":
            lv = lv2;
            break;
        case "3":
            lv = lv3;
            break;
        case "1":
        default:
            lv = lv1;
    }
    map.classList.add(lv.classname);
    rn = [-lv.row - 1, lv.row - 1, -1, -lv.row, lv.row, 1, -lv.row + 1, lv.row + 1];
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

扫雷游戏(原创)

代码描述：扫雷游戏。1代表雷，模仿xp版扫雷游戏。

设置等级：暂时只有三个等级，无法自定义地图（太懒没改之后会更）
setlevel(prompt("请输入等级（1-3）："));
开始新游戏：根据等级创建新地图
newgame();
绘制地图：使用div绘制地图
paintmap();

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

代

相关代码

扫雷游戏(原创)

最新