zhanganjun/Minesweeper-Web
Archived
1
0
Fork 0
Code Releases 3 Activity

v1.0

Browse Source
This commit is contained in:
张安骏
2024-03-22 20:15:39 +08:00
parent 020e079524
commit 020228c0b8
13 changed files with 288 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
index.html Normal file
View File

@@ -0,0 +1,161 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1, user-scalable=0">
<meta name="keywords" content="扫雷, Minesweeper">
<meta name="description" content="扫雷 - Minesweeper">
<title>扫雷 - Minesweeper</title>
<script src="gfs.js"></script>
<script src="ns6.06.js"></script>
<style>
body{margin:0;}
input{height:1.5rem;width:3.8rem;}
#face{
border:2px solid #808080;
border-left-color: #fff;
border-top-color: #fff;
}
#face:active{
border:2px solid #808080;
border-bottom:1px solid #808080;
border-right:1px solid #808080;
}
table{
border-collapse:collapse;
}
.pad{
border:2px solid #808080;
border-right-color: #fff;
border-bottom-color: #fff;
}
input[type=checkbox]{vertical-align:middle;height:1.19rem;width:1.5rem;}
.clk{
text-decoration: underline;
cursor: pointer;
color:blue;
}
</style>
<base target=_top>
</head>
<body bgcolor="#f7f7f0" onload="ifnight();start();setTimeout(ad,500);" >
<!--div style="text-align:right">
<a style="margin-top:0;" href="en.html">english</a>
</div-->
<br>
<center>
<div>
<b>扫雷 Minesweeper</b>
</div>
<div style="margin-top:0.8rem;">
<a class=clk onclick="_123(1)">基础</a>
&nbsp;
<a class=clk onclick="_123(2)">中级</a>
&nbsp;
<a class=clk onclick="_123(3)">专家</a>
&nbsp;
<a class=clk onclick="_123(4)">满屏</a>
&nbsp;
<a class=clk onclick="_123(5)">自定义</a>
</div>
<div id=custom style="display:none;margin-top:5">
横<input id=hm type=number value=40>
竖<input id=vm type=number value=24>
雷<input id=mm type=number value=199>
<input type=button onclick="udf()" value="确定" >
</div>
<table style="margin-top:0.8rem;border-radius:6px;background:#cccccc">
<tr><td style="padding:9px;">
<table id=p42 class=pad style="height:34px">
<tr>
<td width=50%><canvas id="rm" height=23 width=39></canvas></td>
<td align=center onmouseup="_45()" style="padding:0 8 0 8"><img id="face">
<td width=50% align=right><canvas id="es" height=23 width=39></canvas></td>
</table>
<canvas id="paf" class="pad" style="margin-top:6px;" width=0 height=0></canvas>
<tr><td align=right>
</table>
<div style="margin-top:2rem;" >
<a id=ss href=doc/hint.htm >提示</a>
</div>
<div style="width:90%;text-align:left;margin-top:3rem;">
<span style="vertical-align:middle">自动标雷</span><input type=checkbox checked id=af onclick="saf()" >
<span style="float:right">
深色模式<input type="checkbox" id="bcolor" onclick="bcolor()"></span>
<br><br>
第一次点击不会是雷。格子里的数字表示它周围有几个雷。游戏目标是找出所有雷。“触雷”则输。点击笑脸图标重新开始。
<b>二选一留到最后，可任选</b>，需先清完其他方块。
<br><br>
<b>电脑：</b>鼠标右键点击原始方块，以小旗标记为雷，再点去除标记。标记的雷数和数字匹配时，点击数字（左右键均可）翻开周围的安全区域。鼠标左键点击无标记方块则直接打开。
<a id=setm class=clk onclick="mouse2()">设置</a>
<div id="_mouse" style="border:solid 1px;display:none;padding:0.5rem;">
鼠标起效时间点
<br>
<br>
<i>左键</i>
<br>
<br>
<input type=radio name="mp1" value="0" onclick="ssave('mp1',0);">按下时
<input type=radio name="mp1" value="1" onclick="ssave('mp1',1);">弹起时
<!--input type=radio name="mp1" value="2" onclick="ssave('mp1',2);">两次
<br-->
<br><br><br>
<i>右键</i>
<br><br>
<input type=radio name="mp2" value="0" onclick="ssave('mp2',0);">按下时
<input type=radio name="mp2" value="1" onclick="ssave('mp2',1);">弹起时
<!--input type=radio name="mp2" value="2" onclick="ssave('mp2',2);">两次
<br>
<br>
<br>
<br>
<br>
<small>“两次”：点下和松开在不同的格子上。</small-->
<br><br>
</div>
<br><br>
<b>手机或平板：</b>在触屏上点击方块即标记为雷，再点去除标记。标记的雷数和数字匹配时，点击数字翻开周围的安全区域。长按方块直接打开。（可设置为点击直接打开；或点击三次打开）
<a id=sett class=clk onclick="touch2()">设置</a>
<div id="_touch" style="border:solid 1px;display:none;padding:0.5rem;">
<i>触击效果</i>
<br><br>
<input type=radio name="tpn" value="0" checked onclick="ssave('tpn',0);smore(0);">标记
<input type=radio name="tpn" value="1" onclick="ssave('tpn',1);smore(1);">直开
<br><br><br>
<div id=thint style="display:none;">
<i>直开模式下的标记方法</i>
<br><br>
长按
</div>
<div id=topen style="display:none;">
<i>标记模式下的打开方法</i>
<br><br>
<input type=radio name="opn" value="0" checked onclick="ssave('opn',0)">长按
<input type=radio name="opn" value="1" onclick="ssave('opn',1)">快点三次
</div>
<br><br>
</div>
</center>
<center>
<div id=ad style="margin-top:3rem;width:90%">
<div style="margin-top:2rem;">
<span id="ver" style="display:none;"></span>
<br><br>
<hr width=90%>
<br>
&copy; <span id=year><script>document.getElementById("year").innerHTML=(new Date).getFullYear()</script></span> David Miller.<br>
<a href=https://www.davidmiller.top>主页</a> | <img src="https://static.davidmiller.top/image/common/beian.png" style="width:16px;"/><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802035614" target="_blank">京公网安备 11010802035614号</a> | <a href="https://beian.miit.gov.cn" target="_blank">京ICP备2021023756号-1</a>
</div>
<br><br><br>
</center>
<script src="https://static.davidmiller.top/js/statuspage.js"></script>
</body>
</html>