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

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

Javascript: 可实现多表单提交的javascript函数; 比较详细的关于javascript中void(0)的具体含义解释; 随机显示经典句子或诗歌的javascript脚本; javascript实现的多条新闻公告系统; 解析arp病毒背后利用的Javascript技术附解密方法; 比较详细的javascript对象的property和prototype是什么一种关系; 访问百度和谷歌网速测试的javascript代码; javascript 动态改变层的Z-INDEX的代码style.zIndex; javascript+css实现单击颜色褪去效果; javascript 表单日期选择效果; 比较简单的javascript实现input双击后可以编辑; javascript实现的颜色块滑动的动态效果; js实现网页检测是否安装了 Flash Player 插件; javascript 实现父窗口引用弹出窗口的值的脚本; javascript 实现双击才能打开链接的方法; 用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载; document.createElement("A")比较不错的属性; 用javascript实现不按Ctrl实现Multiple Select多选; JavaScript-世界上误解最深的语言分析; IE和Mozilla的兼容性汇总event

No. « ‹ 76 77 78 79 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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版扫雷实现代码原理不错