JS扫雷

最新推荐文章于 2023-07-01 14:05:13 发布

原创最新推荐文章于 2023-07-01 14:05:13 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#function #input #url #button #网格 #算法

原作者来自JAVAEYE，原程序缺少右键标记。我对程序做了稍许修改，并增加了十分简单的计时、积分和称号，感谢原作者得辛勤工作。先上图

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk">
		<title>Untitled Document</title>
		<mce:script type="text/javascript"></mce:script>

<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">			/*初始状态*/
			.f0{background-color:#425ccd}
			/*鼠标悬停状态*/
			.f1{background-color:#609aff}
			/*扫雷状态*/
			.f2{background-color:#cbd8ea}
			/*地雷状态*/
			.f3{background-color:#cbd8ea;background-image:url("mine2.png")}
			/*扫出的地雷*/
			.f4{background-color:#cbd8ea;background-image:url("mine.png")}
			.f5{background-color:#cbd8ea;background-image:url("mark.jpg")}
			td {width:18px;}
			tr {height:18px;} 
			font{font-weight:bolder;}
			.n1{color:#4050be}
			.n2{color:#1e6902}
			.n3{color:#b05964}
			.n4{color:#010184}
			.n5{color:#8c2d34}
			.n6{color:#ff0080}
			.n7{color:#ff8000}
			.n8{color:#00ffff}	
			#main{position:absolute;z-index:50; visibility:hidden}
		</style>
		 
		<mce:script type='text/javascript'></mce:script>
	</head>
	<body bgcolor="#e8e8e8" oncontextmenu   =   "return false" >
		
		
		
		<form name="FrmSetting">
			<font size="4">难度</font>
		    <div>
				<input type="radio" name="level" value="0" checked="checked"><b>初级</b>（10个雷，9*9平铺网格）<br/>
				<input type="radio" name="level" value="1"><b>中级</b>（40个雷，16*16平铺网格）<br/>
				<input type="radio" name="level" value="2"><b>高级</b>（99个雷，16*30平铺网格）<br/>
				<input type="radio" name="level" value="3"><b>自定义</b> 高度(9-24)(H)<input type="text" id="height" value="9" size="2">  宽度(9-30)(W)<input type="text" id="width" value="9" size="2">  雷数(10-668)(M)<input type="text" id="mine" value="10" size="3">
			</div>
          <b> 计时：</b><input type="text" id="calculagraph"  readonly size="4"><br/>
			<input type="button" value="开始游戏" onclick="init();">
		</form>
		 <div id="main" align="center">
		   <span id="warnInfo"></span>
           <input type="button" value="再玩一盘" onclick="closeWin();"/>
        </div>
		<div align="center" id="MainArea"></div>
	</body>
</html>

涉及到的图片：