前言
扫雷游戏起源于1973年的"方块"游戏。1992年微软发布的Windows 3.1中加入该游戏,从此风靡全世界。玩扫雷游戏,可以锻炼观察和推理能力,培养细心和耐心。
效果图
部分源码
input{height:1.5rem;font-size:1.1rem;width:4rem;}
#face{
border:2px solid #808080;
border-left-color: #fff;
border-top-color: #fff;
width:21px;
height:21px;
}
#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;
}
</style>
<base target="_top">
</head>
<body bgcolor="f7f7f0" style="margin:0;" οnlοad="start()">
<center>
<div style="margin-top:0.8rem;">
<b>扫雷</b> <small>→<a href="about.html">说明</a></small>
</div>
<div style="margin-top:0.8rem;">
<a href="javascript:_123(1)">基础</a>
<a href="javascript:_123(2)">中级</a>
<a href="javascript:_123(3)">专家</a>
<a href="javascript:_123(4)">满屏</a>
<a href="javascript:_123(5)">自定义</a>
</div>
<div id="custom" style="display:none">
横向:<input id="hm" type="number" value="40">
竖向:<input id="vm" type="number" value="24">
雷数:<input id="mm" type="number" value="199">
<input type="button" οnclick="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>
<!--img><img><img-->
</td>
<td align="center"><img οnmοuseup="_45()" id="face">
</td><td width="50%" align="right">
<canvas id="es" height="23" width="39"></canvas>
<!--img><img><img-->
</td>
</tr></table>
<!--table style="margin-top:6px;" class=pad id=paf></table-->
<canvas id="paf" class="pad" style="margin-top:6px;" width="0" height="0"></canvas>
</td></tr><tr><td align="right">
</td></tr></table>
<div style="margin-top:2rem;">
</div>
领取完整源码
扫雷(HTML版)源码下载地址:https://www.123pan.com/s/ji8kjv-2HnU3 关注微信公众号 祖龙科技工作室回复 扫雷 即可领取
下期更新
孤客支付系统
- 📢本人公众号:祖龙科技工作室
- 📢博客主页:孤客网络科技工作室官方账号
- 📢欢迎点赞👍收藏⭐️留言 📝如有错误敬请指正!
- 📢本文由孤客原创,若侵权联系作者,首发于CSDN博客
- 📢停下休息的时候不要忘了别人还在奔跑,希望大家抓紧时间学习,全力奔赴更好的生活💻