扫雷游戏（js版）

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

lihongxun945

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

阅读量2.6k

点赞数

文章标签：游戏 function url javascript insert class

本文链接：https://blog.youkuaiyun.com/lihongxun945/article/details/6093006

版权

一个js版的网页小游戏：扫雷

只是一个半成品，雷的位置也是固定的，连图片都是从win7中的扫雷游戏偷过来的……。只是想试下用js写个小游戏是什么样的。

目前有两个问题：

1，不能自动显示没有雷的地方，本来是点一个方块，如果相邻的其他方块也是0，应该自动扫了，我是通过一个递归实现的，但是结果很不理想，总是不能自动踩完。在同一个地方多点几下鼠标倒是可以，不知道为什么。期待高手解答。

2，以前是在IE中写的，今天在火狐同测试了下，发现根本玩不了，鼠标点击事件都不能响应，什么情况？

上图：

js只是略知一二，下面是源代码，有谁能帮吗看一下错在哪吗？主要是第一个问题，不知道为什么会这样。

下载地址：http://download.youkuaiyun.com/source/2931563

<html> <head> </head> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">.base { width:320px; background:#666666; } .container { width:310px; height:310px; margin:10px;; background:#666666; } .block1 { width:50px; height:50px; float:left; background-image:url(images/1.jpg); }</style> <mce:script language="javascript"></mce:script> <body οncοntextmenu="return false"> <center> <h1>扫雷游戏</h1> <div class="base"> <div class="container"> <mce:script language="javascript"></mce:script> </div> 雷数:<font color="red"><label id="label2"><mce:script language="javascript"></mce:script></label></font> <input type="button" οnclick="initialize()" value="重新开始"> </div> </center> </body> </html>