類似模方的網頁益智游戲代碼

2024-09-05 12:21:07

字體：大中小

來源：轉載

供稿：網友

類似于模方游戲的網頁小游戲代碼，游戲玩法：在方格上點擊，你可以將下面的方格全部填成藍色嗎？快開動你智慧腦筋，看看有什么技巧與規律。

<HTML><HEAD><TITLE>類似于模方的游戲</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><style type="text/css"></style></HEAD><BODY><SCRIPT>function ShowMenu(bMenu) {document.all.idFinder.style.display = (bMenu) ? "none" : "block"document.all.idMenu.style.display = (bMenu) ? "block" : "none"idML.className = (bMenu) ? "cOn" : "cOff"idRL.className = (bMenu) ? "cOff" : "cOn"return false}</SCRIPT><SCRIPT>function addList(url,desc) {if ((navigator.appName=="Netscape") || (parseInt(navigator.appVersion)>=4)) {var w=window.open("","_IDHTML_LIST_","top=0,left=0,width=475,height=150,history=no,menubar=no,status=no,resizable=no")var d=w.documentif (!w._init) {d.open()d.write("<TITLE>Loading...</TITLE><EM>Loading...</EM>")d.close()d.location.replace("/assist/listing.asp?url="+escape(url)+"&desc="+escape(desc))w.opener=selfwindow.status="Personal Assistant (Adding): " + desc} else {window.status=w.addOption(url,desc)w.focus()}}elsealert("Your browser does not support the personal assistant.")return false}</SCRIPT><STYLE>#board {	CURSOR: default}#board TD {	WIDTH: 25px; HEIGHT: 25px}</STYLE><SCRIPT>    var size=10    var moves = 0    var off = size*2    var on = 0    var current = null    function doOver() {      if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) {        if (current!=null)          current.style.backgroundColor = current._background        event.srcElement._background = event.srcElement.style.backgroundColor        event.srcElement.style.backgroundColor = "lightgrey"        current = event.srcElement      }    }    function setColor(el) {      if ((el._background=="") || (el._background==null)) {        el.style.backgroundColor = "blue"        el._background = "blue"      } else {        el.style.backgroundColor = ""        el._background = ""      }    }    function countLights() {      off = 0; on = 0      for (var x=0; x < size; x++)        for (var y=0; y < size; y++) {          var p = board.rows[x].cells[y]          if (p._background=="blue")            on++          else            off ++        }        document.all.on.innerText = on      if (off!=0)        document.all.off.innerText = off      else        document.all.off.innerText = "You Win!"      return (off==0)    }    function doClick() {      setColor(current)      var cellIdx = current.cellIndex      var rowIdx = current.parentElement.rowIndex      if (rowIdx>0)        setColor(board.rows[rowIdx-1].cells[cellIdx])      if (rowIdx<size-1)        setColor(board.rows[rowIdx+1].cells[cellIdx])      if (cellIdx>0)        setColor(board.rows[rowIdx].cells[cellIdx-1])      if (cellIdx<size-1)        setColor(board.rows[rowIdx].cells[cellIdx+1])      moves++      document.all.moves.innerText = moves      win = countLights()      if (win) {        board.onclick = null        board.onmouseover = null        current.style.background = "blue"      }    }function buildBoard() {var str = "<TABLE ID=board ONSELECTSTART=/"return false/" ONCLICK=/"doClick()/" ONMOUSEOVER=/"doOver()/" cellspacing=0 cellpadding=0 border=5>"      for (var x=0; x < size; x++) {        str+="<TR>"        for (var y=0; y < size; y++) {          str+="<TD> </TD>"        }        str+="</TR>"      }      str+="</TABLE>"      return str    }function newGame() {      size = document.all.gameSize.value      if (size<3)        size=3      if (size>15)        size=15      document.all.gameSize.value = size      document.all.board.outerHTML = buildBoard()      moves=0      document.all.moves.innerText = moves      countLights()    }</SCRIPT><P align=center><BIG><span id="imwqucq"    class="STYLE1">在方格上點擊，你可以將下面的方格全部填成藍色嗎<STRONG><BIG><BIG>？</BIG></BIG></STRONG></span></BIG></P><P align=center class="STYLE2">快開動你智慧腦筋，看看有什么技巧與規律。</P><TABLE width="100%" border=1>  <TBODY>  <TR>    <TD width="50%">      <DIV align=right>      <TABLE id=score width=284 border=0>        <TBODY>        <TR>          <TD width=52>移動: </TD>          <TD id=moves width=33>0</TD>          <TD width=42>燈滅:</TD>          <TD id=off width=36>25</TD>          <TD width=46>燈亮:</TD>          <TD id=on width=39>0</TD></TR></TBODY></TABLE></DIV></TD>    <TD width="50%">      <DIV align=left>      <TABLE width=204>        <TBODY>        <TR>          <TD width=54>大小: </TD>          <TD width=41><INPUT id=gameSize size=2 value=10></TD>          <TD         width=97><INPUT onclick=newGame() type=button value=開始游戲></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE><P align=center><SCRIPT>    document.write(buildBoard())  </SCRIPT></P></BODY></HTML>

上一篇：再次發JS貪吃蛇代碼

下一篇：JS制作的十二星座排名生成器代碼