js版扫雷实现代码原理不错- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js版扫雷实现代码原理不错

Javascript: 一个特殊的排序需求的javascript实现代码; javaScript 简单验证代码（用户名，密码，邮箱); 支持ie与FireFox的剪切板操作代码; 使用JS判断是否数字和小数点组合的数字的两中方法比较(isNaN和逐判断); javascript 表单验证常见正则; IE FF OPERA都可用的弹出层实现代码; PPK 谈 JavaScript 的 this 关键字 [翻译]; JavaScript 自动在表格前面增加序号; 点击按钮后文本框变为Select下拉列表框; js类的静态属性和实例属性的理解; 点击文章内容处弹出页面代码; 点击下载链接弹出页面实现代码; 签名框（Textarea）限制文字数量并适时提示; JavaScript CSS 通用循环滚动条; js removeChild 障眼法可能出现的错误; 面向对象的javascript（笔记）; JavaScript 浮点数运算精度问题; JavaScript 接收键盘指令示例; CSS 美化表格边框为凹陷立体效果的实现方法; JavaScript 控制文本框的值连续加减

No. « ‹ 187 188 189 190 › »

技术文章搜索

关键字

Javascript 中的 js版扫雷实现代码原理不错

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 387 ::

收藏到网摘: n/a

为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能鼠标跟随的文字变动效果

前一段时间在图书馆看了本关于JavaScript的书，上面讲怎样用js编推箱子小游戏。我想，那扫雷也当然能编出来，然后就用DW试了试，结果如下。效果图：

以下代码复制粘贴到记事本后保存为.html文件，打开后会出现提示，右击允许即可：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>寻雷-----by 魅月</title>
<style type="text/css">
</style>
<script language="javascript">
var data=new Array(
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0]
);
var count=0;
do{
var a=1+Math.round(8*(Math.random()));
var b=1+Math.round(8*(Math.random()));
if(data[a][b]==0){
data[a][b]="shit";
count+=1;
}
}while(count<10)
for(var i=1;i<10;i++){
for(var j=1;j<10;j++){
if(data[i][j]!="shit"){
var counter=0;
if(data[i-1][j-1]=="shit") counter+=1;
if(data[i-1][j]=="shit") counter+=1;
if(data[i-1][j+1]=="shit") counter+=1;
if(data[i][j-1]=="shit") counter+=1;
if(data[i][j+1]=="shit") counter+=1;
if(data[i+1][j-1]=="shit") counter+=1;
if(data[i+1][j]=="shit") counter+=1;
if(data[i+1][j+1]=="shit") counter+=1;
data[i][j]=counter;
}
}
}
function pop(){
event.bubbles=true;
var number=parseInt(event.srcElement.getAttribute("id"));
var j=number % 10;
var i=(number-j)/10;
if(data[i][j]=="shit"){
alert("中雷了");
check();
return;
}
if(data[i][j]==0){
for(var p=i-1;p<i+2;p++){
for(var q=j-1;q<j+2;q++){
var r="" +p+""+q;
var oElement=document.getElementById(r);
if(oElement){
oElement.innerHTML=data[p][q];
}
}
}
return;
}
document.getElementById(event.srcElement.getAttribute("id")).innerHTML=data[i][j];
}
function check(){
for(var i=1;i<10;i++){
for(var j=1;j<10;j++){
var no="" + i+""+j;
document.getElementById(no).innerHTML=data[i][j];
}
}
}
</script>
</head>
<body>
<table id="lei" border="1" align="center" onclick="pop();" >
<tr>
<td id="11">&nbsp;</td>
<td id="12">&nbsp;</td>
<td id="13">&nbsp;</td>
<td id="14">&nbsp;</td>
<td id="15">&nbsp;</td>
<td id="16">&nbsp;</td>
<td id="17">&nbsp;</td>
<td id="18">&nbsp;</td>
<td id="19">&nbsp;</td>
</tr>
<tr>
<td id="21">&nbsp;</td>
<td id="22">&nbsp;</td>
<td id="23">&nbsp;</td>
<td id="24">&nbsp;</td>
<td id="25">&nbsp;</td>
<td id="26">&nbsp;</td>
<td id="27">&nbsp;</td>
<td id="28">&nbsp;</td>
<td id="29">&nbsp;</td>
</tr>
<tr>
<td id="31">&nbsp;</td>
<td id="32">&nbsp;</td>
<td id="33">&nbsp;</td>
<td id="34">&nbsp;</td>
<td id="35">&nbsp;</td>
<td id="36">&nbsp;</td>
<td id="37">&nbsp;</td>
<td id="38">&nbsp;</td>
<td id="39">&nbsp;</td>
</tr>
<tr>
<td id="41">&nbsp;</td>
<td id="42">&nbsp;</td>
<td id="43">&nbsp;</td>
<td id="44">&nbsp;</td>
<td id="45">&nbsp;</td>
<td id="46">&nbsp;</td>
<td id="47">&nbsp;</td>
<td id="48">&nbsp;</td>
<td id="49">&nbsp;</td>
</tr>
<tr>
<td id="51">&nbsp;</td>
<td id="52">&nbsp;</td>
<td id="53">&nbsp;</td>
<td id="54">&nbsp;</td>
<td id="55">&nbsp;</td>
<td id="56">&nbsp;</td>
<td id="57">&nbsp;</td>
<td id="58">&nbsp;</td>
<td id="59">&nbsp;</td>
</tr>
<tr>
<td id="61">&nbsp;</td>
<td id="62">&nbsp;</td>
<td id="63">&nbsp;</td>
<td id="64">&nbsp;</td>
<td id="65">&nbsp;</td>
<td id="66">&nbsp;</td>
<td id="67">&nbsp;</td>
<td id="68">&nbsp;</td>
<td id="69">&nbsp;</td>
</tr>
<tr>
<td id="71">&nbsp;</td>
<td id="72">&nbsp;</td>
<td id="73">&nbsp;</td>
<td id="74">&nbsp;</td>
<td id="75">&nbsp;</td>
<td id="76">&nbsp;</td>
<td id="77">&nbsp;</td>
<td id="78">&nbsp;</td>
<td id="79">&nbsp;</td>
</tr>
<tr>
<td id="81">&nbsp;</td>
<td id="82">&nbsp;</td>
<td id="83">&nbsp;</td>
<td id="84">&nbsp;</td>
<td id="85">&nbsp;</td>
<td id="86">&nbsp;</td>
<td id="87">&nbsp;</td>
<td id="88">&nbsp;</td>
<td id="89">&nbsp;</td>
</tr>
<tr>
<td id="91">&nbsp;</td>
<td id="92">&nbsp;</td>
<td id="93">&nbsp;</td>
<td id="94">&nbsp;</td>
<td id="95">&nbsp;</td>
<td id="96">&nbsp;</td>
<td id="97">&nbsp;</td>
<td id="98">&nbsp;</td>
<td id="99">&nbsp;</td>
</tr>
</table>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能鼠标跟随的文字变动效果

Javascript 中的 js版扫雷实现代码 原理不错

评论 (0) All

Javascript 中的 js版扫雷实现代码原理不错