下载本文示例代码
注释：放在＜head＞与＜/head＞之间
＜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＞
＜style＞＜!--A.cOn {text-decoration:none;font-weight:bolder}#article {font: 12pt Verdana, geneva, arial, sans-serif; background: white; color: black; padding: 10pt 15pt 0 5pt}#article P.start {text-indent: 0pt}#article P {margin-top:0pt;font-size:10pt;text-indent:12pt}#article #author {margin-bottom:5pt;text-indent:0pt;font-style: italic}#pageList P {padding-top:10pt}#article H3 {font-weight:bold}#article DL, UL, OL {font-size: 10pt}--＞＜/style＞＜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=self window.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＞
注释：放在＜body＞与＜/body＞之间
＜table border="1" width="90%"＞＜tr＞ ＜td width="50%" height="27"＞ ＜div align="right"＞ ＜table id="score" border="0" width="250"＞＜tr＞ ＜td width="45" align="center"＞移动: ＜/td＞＜td id="moves" width="37"＞0＜/td＞＜td width="45" align="center"＞灯灭:＜/td＞＜td id="off" width="37"＞100＜/td＞＜td width="45" align="center"＞灯亮:＜/td＞＜td id="on" width="37"＞0＜/td＞＜/tr＞＜/table＞＜/div＞＜/td＞＜td width="50%" height="27"＞ ＜div align="left"＞ ＜table width="185"＞＜tr＞ ＜td width="54"＞大小: ＜/td＞＜td width="31"＞ ＜input id="gameSize" type="text" value="10" size="2" name="text"＞＜/td＞＜td width="97"＞ ＜input onClick="newGame()" type="button" value="开始游戏" name="button"＞＜/td＞＜/tr＞＜/table＞＜/div＞＜/td＞＜/tr＞＜tr＞ ＜td colspan="2" height="27" align="center"＞＜script＞var size=10var moves = 0var off = size*2var on = 0var current = nullfunction doOver() {if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) {if (current!=null)current.style.backgroundColor = current._backgroundevent.srcElement._background = event.srcElement.style.backgroundColorevent.srcElement.style.backgroundColor = "lightgrey"current = event.srcElement}}
function setColor(el) {if ((el._background=="") || (el._background==null)) {el.style.backgroundColor = "yellow"el._background = "yellow" } else {el.style.backgroundColor = ""el._background = "" }}
function countLights() {off = 0; on = 0for (var x=0; x ＜ size; x ) for (var y=0; y ＜ size; y ) {var p = board.rows[x].cells[y]if (p._background=="yellow")on elseoff }document.all.on.innerText = onif (off!=0) document.all.off.innerText = offelsedocument.all.off.innerText = "You Win!"return (off==0)}
function doClick() {setColor(current) var cellIdx = current.cellIndexvar rowIdx = current.parentElement.rowIndexif (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 = moveswin = countLights()if (win) {board.onclick = nullboard.onmouseover = nullcurrent.style.background = "yellow"}}
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.valueif (size＜3)size=3if (size＞15)size=15document.all.gameSize.value = sizedocument.all.board.outerHTML = buildBoard()moves=0document.all.moves.innerText = movescountLights()}＜/script＞＜script＞document.write(buildBoard())＜/script＞＜/td＞＜/tr＞＜tr＞ ＜td colspan="2" height="27"＞游戏提示：你能将方格全部填成绿色吗？？开动脑筋，看看有什么规律和技巧吧。＜/td＞＜/tr＞＜/table＞
注释：放在＜head＞与＜/head＞之间
＜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＞
＜style＞＜!--A.cOn {text-decoration:none;font-weight:bolder}#article {font: 12pt Verdana, geneva, arial, sans-serif; background: white; color: black; padding: 10pt 15pt 0 5pt}#article P.start {text-indent: 0pt}#article P {margin-top:0pt;font-size:10pt;text-indent:12pt}#article #author {margin-bottom:5pt;text-indent:0pt;font-style: italic}#pageList P {padding-top:10pt}#article H3 {font-weight:bold}#article DL, UL, OL {font-size: 10pt}--＞＜/style＞＜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=self window.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＞
注释：放在＜body＞与＜/body＞之间
＜table border="1" width="90%"＞＜tr＞ ＜td width="50%" height="27"＞ ＜div align="right"＞ ＜table id="score" border="0" width="250"＞＜tr＞ ＜td width="45" align="center"＞移动: ＜/td＞＜td id="moves" width="37"＞0＜/td＞＜td width="45" align="center"＞灯灭:＜/td＞＜td id="off" width="37"＞100＜/td＞＜td width="45" align="center"＞灯亮:＜/td＞＜td id="on" width="37"＞0＜/td＞＜/tr＞＜/table＞＜/div＞＜/td＞＜td width="50%" height="27"＞ ＜div align="left"＞ ＜table width="185"＞＜tr＞ ＜td width="54"＞大小: ＜/td＞＜td width="31"＞ ＜input id="gameSize" type="text" value="10" size="2" name="text"＞＜/td＞＜td width="97"＞ ＜input onClick="newGame()" type="button" value="开始游戏" name="button"＞＜/td＞＜/tr＞＜/table＞＜/div＞＜/td＞＜/tr＞＜tr＞ ＜td colspan="2" height="27" align="center"＞＜script＞var size=10var moves = 0var off = size*2var on = 0var current = nullfunction doOver() {if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) {if (current!=null)current.style.backgroundColor = current._backgroundevent.srcElement._background = event.srcElement.style.backgroundColorevent.srcElement.style.backgroundColor = "lightgrey"current = event.srcElement}}
function setColor(el) {if ((el._background=="") || (el._background==null)) {el.style.backgroundColor = "yellow"el._background = "yellow" } else {el.style.backgroundColor = ""el._background = "" }}
function countLights() {off = 0; on = 0for (var x=0; x ＜ size; x ) for (var y=0; y ＜ size; y ) {var p = board.rows[x].cells[y]if (p._background=="yellow")on elseoff }document.all.on.innerText = onif (off!=0) document.all.off.innerText = offelsedocument.all.off.innerText = "You Win!"return (off==0)}
function doClick() {setColor(current) var cellIdx = current.cellIndexvar rowIdx = current.parentElement.rowIndexif (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 = moveswin = countLights()if (win) {board.onclick = nullboard.onmouseover = nullcurrent.style.background = "yellow"}}
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.valueif (size＜3)size=3if (size＞15)size=15document.all.gameSize.value = sizedocument.all.board.outerHTML = buildBoard()moves=0document.all.moves.innerText = movescountLights()}＜/script＞＜script＞document.write(buildBoard())＜/script＞＜/td＞＜/tr＞＜tr＞ ＜td colspan="2" height="27"＞游戏提示：你能将方格全部填成绿色吗？？开动脑筋，看看有什么规律和技巧吧。＜/td＞＜/tr＞＜/table＞
下载本文示例代码
围格子围格子围格子围格子围格子围格子围格子围格子围格子围格子围格子围格子围格子围格子围格子
