轉載請保留作者信息，歡迎交流學習 http://www.tugeler.com
saolei.html========================================
<html>
<head>
<!--添加了幫助 並且可以使用[標記]按鈕代替右鍵點擊， 優化了提示信息的描述,添加了重新開始按鈕-->
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META NAME="Author" CONTENT="Lighting_cui">
<META NAME="Description" CONTENT="2.0">
<!--請保留作者信息，歡迎交流學習 http://www.tugeler.com-->
<title>WEB掃雷</title>
<link href="Mapcss.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript">
bombs=""; //地雷位置結點
checked="";//檢查過的結點
findNumber=0;//標記的雷數
bombNumber=0;//總雷數
first=true;//用戶標識是否是第一次點擊
flagNumber=0;//標識小旗的數量
signBomb=false;
function findBombNumber(i,j){
var n=0;
var str="";
//當越界時，越界的結點肯定不是雷，所以不會對結果又影響
str="("+(i-1)+","+(j-1)+")";
if (bombs.indexOf(str)!=-1) { n=n+1;} //位置（小鍵盤位置 中位5）:7
str="("+(i-1)+","+(j)+")";
if (bombs.indexOf(str)!=-1) { n=n+1;} //4
str="("+(i-1)+","+(j+1)+")";
if (bombs.indexOf(str)!=-1) { n=n+1;} //1
str="("+(i)+","+(j-1)+")";
if (bombs.indexOf(str)!=-1) { n=n+1;} //8
str="("+(i)+","+(j+1)+")";
if (bombs.indexOf(str)!=-1) { n=n+1;} //2
str="("+(i+1)+","+(j-1)+")";
if (bombs.indexOf(str)!=-1) { n=n+1;} //9
str="("+(i+1)+","+(j)+")";
if (bombs.indexOf(str)!=-1) { n=n+1;} //6
str="("+(i+1)+","+(j+1)+")";
if (bombs.indexOf(str)!=-1) { n=n+1;} //3
return n;
}
function leftClick(i,j){ // 左鍵點擊後來這裏
if (signBomb) {signBomb=false; rightClick(i,j); return 0;}//點擊[標記]按鈕後 左鍵事件變爲右鍵事件。。。。
var str="("+i+","+j+")";
if ((i>=0)&&(j>=0)&&(i<=9)&&(j<=9)&&(checked.indexOf(str)==-1)){
//檢查是否越界或者已經被處理過（CHECKED）
var node=getMapNode(i,j);
if(!(node.innerHTML.match(RegExp("flag.gif", "g")) ) ){
if (bombs.indexOf(str)==-1){ // 檢查是否該結點爲雷，不爲雷繼續
checked=checked+str;
first=false;
var n=findBombNumber(i,j);
var node=getMapNode(i,j);
if (n!=0){
node.innerHTML="<IMG src=/"src/"+n+".gif/" >";
}else {
node.innerHTML="<IMG src=/"src/blank.gif/" >";
leftClick(i-1,j-1);
leftClick(i-1,j);
leftClick(i-1,j+1);
leftClick(i,j-1);
leftClick(i,j+1);
leftClick(i+1,j-1);
leftClick(i+1,j);
leftClick(i+1,j+1);
}
}else{ // 是雷的話。。。
if (first==true) { //要是第一次就點到雷,把該雷移動到不是雷的地方
first=false;
var str2="";
var x=0;
var y=-1;
do{
y++;
if (y>=10) {y=-1;x++;}
str2="("+x+","+y+")";
}while ((bombs.indexOf(str2)!=-1)|| (x>9))
bombs=bombs.replace(str,str2);
leftClick(i,j);
}else{
alert("恭喜。。你杯具了。。囧啊~~~");
node.innerHTML="<IMG src=/"src/bomb.gif/" >";
$(findBombsMap).style.display="none";
$(jiong).style.display="";
$(help).style.display="none";
$(restartbutton).style.display="";
}
}
}
}
}
function rightClick(i,j){ //右鍵點擊後來這裏
if (signBomb) {signBomb=false; leftClick(i,j); return 0;}//點擊[標記]按鈕後 右鍵事件變爲左鍵事件。。。。
var node=getMapNode(i,j);
if (node.innerHTML.match(RegExp("uncheck.gif", "g")) ) {
node.innerHTML="<IMG src=/"src/flag.gif/" >";
flagNumber++;
var str="("+i+","+j+")";
if (bombs.indexOf(str)!=-1){
findNumber++;
//alert(findNumber);
//alert(flagNumber);
}
} else if (node.innerHTML.match(RegExp("flag.gif", "g")) ){
node.innerHTML="<IMG src=/"src/uncheck.gif/" >";
flagNumber--;
var str="("+i+","+j+")";
if (bombs.indexOf(str)!=-1){
findNumber--;
//alert(findNumber);
//alert(flagNumber);
}
}
if ((findNumber>=bombNumber)&&(flagNumber==bombNumber)){ // 所有雷全被找到
alert("哈哈~恭喜。你找到了所有的地雷。慶祝下吧。。。");
$(findBombsMap).style.display="none";
$(win).style.display="";
$(help).style.display="none";
$(restartbutton).style.display="";
}
//alert("findNumber"+findNumber);
window.event.returnValue=false;
}
function dbClick(i,j){
//雙擊後來到這裏。。
}
function getMapNode(i,j){ //獲取當前節點DOM
var map=$('findBombsMap').getElementsByTagName('tr');
var rows=$A(map);
var row=rows[i].getElementsByTagName('td');
var node=$A(row);
return node[j];
}
function setBomb(){ //隨機生成雷的位置 並加入地雷記錄字符串bombs
var i,j,str;
do{
i=Math.ceil(Math.random()*10)-1;
j=Math.ceil(Math.random()*10)-1;
str="("+i+","+j+")";
}while (bombs.indexOf(str)!=-1);
bombs=bombs+str;
}
function init(n){ // 隱藏按鈕 現實地圖 初始化遊戲
$(findBombsMap).style.display="";
$(startnumber).style.display="none";
$(startbutton).style.display="none";
$(startDiv).style.display="none";
$(help).style.display="";
for(var i=0;i<n;i++) setBomb();
}
function startGame(){ // 初始化地雷數組
var n=$F(startnumber);
n=Math.ceil(n);
if ((n<8)||(!n)) {
n=8;
}
if (n>50) {
n=50;
}
bombNumber=n;
init(n);
//alert(bombs);
}
function showbombs(){
if (bombs==""){
alert("還沒[開始遊戲]就想被鄙視？我保留鄙視你的權利。。。");
}else{
alert(bombs);
}
}
function restart(){
bombs=""; //地雷位置結點
checked="";//檢查過的結點
findNumber=0;//標記的雷數
bombNumber=0;//總雷數
first=true;//用戶標識是否是第一次點擊
flagNumber=0;//標識小旗的數量
$(findBombsMap).style.display="none";
$(startnumber).style.display="";
$(startbutton).style.display="";
$(startDiv).style.display="";
$(jiong).style.display="none";
$(win).style.display="none";
$(restartbutton).style.display="none";
$(help).style.display="";
var node=getMapNode(0,0);
for (var i=0;i<10;i++){
for(var j=0;j<10;j++){
node=getMapNode(i,j);
node.innerHTML="<IMG src=/"src/uncheck.gif/" >";
}
}
}
function sign(){
signBomb=true;
}
</script>
</head>
<body bgcolor="#CCCCCC">
<input type="button" value="我受不了了!! 我接受鄙視" onClick="showbombs();">
<div id="startDiv">輸入地雷數量：<input id="startnumber" type="text" ><br/>
<input id="startbutton" type="button" value="開始遊戲" onClick="startGame();"/></div>
<div id="jiong" style="display:none" class="tips"><img width="300" height="300" src="src/jiong.gif"/></div>
<div id="win" style="display:none" class="tips"><img width="300" height="300" src="src/win.gif"/></div>
<table border="1" cellpadding="0" cellspacing="0" id="findBombsMap" style=" display:none">
<tr>
<td onClick="leftClick(0,0);" onDblClick="dbClick(0,0);" oncontextmenu="rightClick(0,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,1);" onDblClick="dbClick(0,1);" oncontextmenu="rightClick(0,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,2);" onDblClick="dbClick(0,2);" oncontextmenu="rightClick(0,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,3);" onDblClick="dbClick(0,3);" oncontextmenu="rightClick(0,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,4);" onDblClick="dbClick(0,4);" oncontextmenu="rightClick(0,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,5);" onDblClick="dbClick(0,5);" oncontextmenu="rightClick(0,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,6);" onDblClick="dbClick(0,6);" oncontextmenu="rightClick(0,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,7);" onDblClick="dbClick(0,7);" oncontextmenu="rightClick(0,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,8);" onDblClick="dbClick(0,8);" oncontextmenu="rightClick(0,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(0,9);" onDblClick="dbClick(0,9);" oncontextmenu="rightClick(0,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(1,0);" onDblClick="dbClick(1,0);" oncontextmenu="rightClick(1,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,1);" onDblClick="dbClick(1,1);" oncontextmenu="rightClick(1,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,2);" onDblClick="dbClick(1,2);" oncontextmenu="rightClick(1,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,3);" onDblClick="dbClick(1,3);" oncontextmenu="rightClick(1,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,4);" onDblClick="dbClick(1,4);" oncontextmenu="rightClick(1,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,5);" onDblClick="dbClick(1,5);" oncontextmenu="rightClick(1,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,6);" onDblClick="dbClick(1,6);" oncontextmenu="rightClick(1,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,7);" onDblClick="dbClick(1,7);" oncontextmenu="rightClick(1,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,8);" onDblClick="dbClick(1,8);" oncontextmenu="rightClick(1,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(1,9);" onDblClick="dbClick(1,9);" oncontextmenu="rightClick(1,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(2,0);" onDblClick="dbClick(2,0);" oncontextmenu="rightClick(2,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,1);" onDblClick="dbClick(2,1);" oncontextmenu="rightClick(2,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,2);" onDblClick="dbClick(2,2);" oncontextmenu="rightClick(2,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,3);" onDblClick="dbClick(2,3);" oncontextmenu="rightClick(2,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,4);" onDblClick="dbClick(2,4);" oncontextmenu="rightClick(2,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,5);" onDblClick="dbClick(2,5);" oncontextmenu="rightClick(2,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,6);" onDblClick="dbClick(2,6);" oncontextmenu="rightClick(2,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,7);" onDblClick="dbClick(2,7);" oncontextmenu="rightClick(2,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,8);" onDblClick="dbClick(2,8);" oncontextmenu="rightClick(2,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(2,9);" onDblClick="dbClick(2,9);" oncontextmenu="rightClick(2,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(3,0);" onDblClick="dbClick(3,0);" oncontextmenu="rightClick(3,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,1);" onDblClick="dbClick(3,1);" oncontextmenu="rightClick(3,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,2);" onDblClick="dbClick(3,2);" oncontextmenu="rightClick(3,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,3);" onDblClick="dbClick(3,3);" oncontextmenu="rightClick(3,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,4);" onDblClick="dbClick(3,4);" oncontextmenu="rightClick(3,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,5);" onDblClick="dbClick(3,5);" oncontextmenu="rightClick(3,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,6);" onDblClick="dbClick(3,6);" oncontextmenu="rightClick(3,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,7);" onDblClick="dbClick(3,7);" oncontextmenu="rightClick(3,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,8);" onDblClick="dbClick(3,8);" oncontextmenu="rightClick(3,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(3,9);" onDblClick="dbClick(3,9);" oncontextmenu="rightClick(3,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(4,0);" onDblClick="dbClick(4,0);" oncontextmenu="rightClick(4,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,1);" onDblClick="dbClick(4,1);" oncontextmenu="rightClick(4,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,2);" onDblClick="dbClick(4,2);" oncontextmenu="rightClick(4,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,3);" onDblClick="dbClick(4,3);" oncontextmenu="rightClick(4,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,4);" onDblClick="dbClick(4,4);" oncontextmenu="rightClick(4,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,5);" onDblClick="dbClick(4,5);" oncontextmenu="rightClick(4,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,6);" onDblClick="dbClick(4,6);" oncontextmenu="rightClick(4,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,7);" onDblClick="dbClick(4,7);" oncontextmenu="rightClick(4,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,8);" onDblClick="dbClick(4,8);" oncontextmenu="rightClick(4,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(4,9);" onDblClick="dbClick(4,9);" oncontextmenu="rightClick(4,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(5,0);" onDblClick="dbClick(5,0);" oncontextmenu="rightClick(5,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,1);" onDblClick="dbClick(5,1);" oncontextmenu="rightClick(5,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,2);" onDblClick="dbClick(5,2);" oncontextmenu="rightClick(5,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,3);" onDblClick="dbClick(5,3);" oncontextmenu="rightClick(5,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,4);" onDblClick="dbClick(5,4);" oncontextmenu="rightClick(5,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,5);" onDblClick="dbClick(5,5);" oncontextmenu="rightClick(5,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,6);" onDblClick="dbClick(5,6);" oncontextmenu="rightClick(5,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,7);" onDblClick="dbClick(5,7);" oncontextmenu="rightClick(5,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,8);" onDblClick="dbClick(5,8);" oncontextmenu="rightClick(5,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(5,9);" onDblClick="dbClick(5,9);" oncontextmenu="rightClick(5,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(6,0);" onDblClick="dbClick(6,0);" oncontextmenu="rightClick(6,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,1);" onDblClick="dbClick(6,1);" oncontextmenu="rightClick(6,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,2);" onDblClick="dbClick(6,2);" oncontextmenu="rightClick(6,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,3);" onDblClick="dbClick(6,3);" oncontextmenu="rightClick(6,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,4);" onDblClick="dbClick(6,4);" oncontextmenu="rightClick(6,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,5);" onDblClick="dbClick(6,5);" oncontextmenu="rightClick(6,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,6);" onDblClick="dbClick(6,6);" oncontextmenu="rightClick(6,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,7);" onDblClick="dbClick(6,7);" oncontextmenu="rightClick(6,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,8);" onDblClick="dbClick(6,8);" oncontextmenu="rightClick(6,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(6,9);" onDblClick="dbClick(6,9);" oncontextmenu="rightClick(6,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(7,0);" onDblClick="dbClick(7,0);" oncontextmenu="rightClick(7,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,1);" onDblClick="dbClick(7,1);" oncontextmenu="rightClick(7,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,2);" onDblClick="dbClick(7,2);" oncontextmenu="rightClick(7,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,3);" onDblClick="dbClick(7,3);" oncontextmenu="rightClick(7,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,4);" onDblClick="dbClick(7,4);" oncontextmenu="rightClick(7,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,5);" onDblClick="dbClick(7,5);" oncontextmenu="rightClick(7,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,6);" onDblClick="dbClick(7,6);" oncontextmenu="rightClick(7,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,7);" onDblClick="dbClick(7,7);" oncontextmenu="rightClick(7,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,8);" onDblClick="dbClick(7,8);" oncontextmenu="rightClick(7,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(7,9);" onDblClick="dbClick(7,9);" oncontextmenu="rightClick(7,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(8,0);" onDblClick="dbClick(8,0);" oncontextmenu="rightClick(8,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,1);" onDblClick="dbClick(8,1);" oncontextmenu="rightClick(8,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,2);" onDblClick="dbClick(8,2);" oncontextmenu="rightClick(8,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,3);" onDblClick="dbClick(8,3);" oncontextmenu="rightClick(8,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,4);" onDblClick="dbClick(8,4);" oncontextmenu="rightClick(8,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,5);" onDblClick="dbClick(8,5);" oncontextmenu="rightClick(8,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,6);" onDblClick="dbClick(8,6);" oncontextmenu="rightClick(8,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,7);" onDblClick="dbClick(8,7);" oncontextmenu="rightClick(8,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,8);" onDblClick="dbClick(8,8);" oncontextmenu="rightClick(8,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(8,9);" onDblClick="dbClick(8,9);" oncontextmenu="rightClick(8,9);"><img src="src/uncheck.gif"/></td>
</tr>
<tr>
<td onClick="leftClick(9,0);" onDblClick="dbClick(9,0);" oncontextmenu="rightClick(9,0);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,1);" onDblClick="dbClick(9,1);" oncontextmenu="rightClick(9,1);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,2);" onDblClick="dbClick(9,2);" oncontextmenu="rightClick(9,2);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,3);" onDblClick="dbClick(9,3);" oncontextmenu="rightClick(9,3);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,4);" onDblClick="dbClick(9,4);" oncontextmenu="rightClick(9,4);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,5);" onDblClick="dbClick(9,5);" oncontextmenu="rightClick(9,5);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,6);" onDblClick="dbClick(9,6);" oncontextmenu="rightClick(9,6);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,7);" onDblClick="dbClick(9,7);" oncontextmenu="rightClick(9,7);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,8);" onDblClick="dbClick(9,8);" oncontextmenu="rightClick(9,8);"><img src="src/uncheck.gif"/></td>
<td onClick="leftClick(9,9);" onDblClick="dbClick(9,9);" oncontextmenu="rightClick(9,9);"><img src="src/uncheck.gif"/></td>
</tr>
</table>
<div id="help">
<h2>遊戲幫助：</h2>
<ol>
<li>雷數默認爲8顆，最多50顆。超出範圍取可支持的最接近雷數。</li>
<li>使用鼠標右鍵點擊來標記地雷，或者取消地雷標記。</li>
<li>要是你太土不能點右鍵。。。請點<input type="button" value="標記/取消標記" onClick="sign();"/>後再去點擊想標記的地方）</li>
<li>如果想放棄或者重新開始，請點擊：<input type="button" value="我自願放棄，並接受鄙視" onClick="restart();"/></li>
</ol>
</div>
<div id="restartbutton" style=" display:none; width:300px;">
<center>
<input type="button" value="刺激~再來一次~~" onClick="restart();" style=" width:100; height:80;" />
</center>
</div>
</body>
</html>
Mapcss.css=====================================================
#findBombsMap {
background-color: #CCCCCC;
border: 3px solid #0099FF;
}
.tips {
background-color: #C0C0C0;
border: 5px dashed #FF0000;
height: 300px;
width: 300px;
}
#help {
height: 300px;
width: 300px;
visibility: visible;
position: absolute;
left: 300px;
top: 13px;
}
地圖表格生成文件。。。。PHP的。。爲了方便========================
<?php
for ($i=0;$i<10;$i++){
echo "/t<tr>/n";
for ($j=0;$j<10;$j++){
echo "/t/t<td onClick=/"leftClick(";
echo $i;
echo ",";
echo $j;
echo ");/" onDblClick=/"dbClick(";
echo $i;
echo ",";
echo $j;
echo ");/" oncontextmenu=/"rightClick(";
echo $i;
echo ",";
echo $j;
echo ");/"><img src=/"src/uncheck.gif/"/></td>/n";
}
echo "/t</tr>/n";
}
?>