@{ Layout = null; }
<!DOCTYPE html>
<html> <head> <style type="text/css"> .ul1{ height:50px; list-style-type:none; margin-top:2px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .li1{ width:46px; float:left; margin-left:2px; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; height:46px; list-style-type:none; text-align:center; line-height:46px; } </style> <script> function aa(num) { var bombs = new Array(num); var flag = 0; while (flag < num) { bomb = Math.round(Math.random() * (num * num - 1)); var f = true; for (var i = 0; i <= flag; i++) { if (bomb == bombs[i]) { f = false; break; } } if (f) { bombs[flag++] = bomb; } } return bombs; } function createDiv(num, bombs) { var pDiv = document.getElementById("pdiv"); for (i = 0; i < num; i++) { var flag = false; var newUl = document.createElement("ul"); newUl.className = "ul1"; for (j = 0; j < num; j++) { var newLi = document.createElement("li"); newLi.className = "li1"; newLi.id = "li" + (i * num + j);
flag = 0; for (k = 0; k < num; k++) { if (bombs[k] == (i * num + j)) { flag = true; break; } } if (flag) { var newtext = document.createTextNode(-1); } else { var newtext = document.createTextNode(0); } newLi.appendChild(newtext); newUl.appendChild(newLi); } pDiv.appendChild(newUl); } } function creatBox(num) { var bombs = aa(num); createDiv(num, bombs); return bombs; } function play(num) { var bombs = creatBox(num); var temps = new Array(num * num - 1); for (i = 0; i < num * num; i++) { temps[i] = 0; } for (j = 0; j < num; j++) { temps[bombs[j]] = -1; } lis = document.getElementsByTagName("li"); for (i = 0; i < lis.length; i++) { lis[i].onclick = function ss() { liid = this.id; num = parseInt(liid.substring(2)); if (temps[num] == -1) { alert("你踩到雷了"); } else { alert(temps[num]); } } lis[i].oncontextmenu = function tt() { liid = this.id; num = parseInt(liid.substring(2)); if (temps[num] == -1) { alert("你排到雷了"); } else { alert(temps[num]); } return false; } } } function myplay() { var pDiv = document.getElementById("pdiv"); pDiv.innerHTML = ""; num = parseInt(document.getElementById("nd").value); play(num); } </script> </head>
<body> <select name="nd" onchange="myplay()" id="nd"> <option value="4">简单</option> <option value="10">中等</option> <option value="20">难</option> </select> <div id="pdiv"> </div> <script language="javascript"> play(6); </script> </body> </html>
|