介绍
小编给大家分享一下JS如何实现走迷宫小游戏,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
JS是什么
JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。
具体如下:
先来看看运行效果截图:
完整实例代码如下:
& lt; ! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比; & lt; html  xmlns=癶ttp://www.w3.org/1999/xhtml"比; & lt; head> & lt; title> JS打造的走迷宫游戏& lt;/title> & lt;/head> & lt; body> & lt; 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 假 } & lt;/SCRIPT> & lt; STYLE> & lt; ! A.cOn {文字修饰:没有;粗细:大胆} # article {字体:12 pt Verdana,日内瓦,arial,,无衬线;,背景:,白色,,颜色:,黑色;,填充:,10 pt 15 pt 0, 5 pt} # article P.start  {0 pt - indent:} # article P  {margin-top: 0分;字体大小:10 pt; indent: 12 pt} # article # author {margin-bottom: 5 pt; indent: 0 pt;字体样式:,斜体} # pageList P  {padding-top: 10 pt} # article H3 {粗细:大胆} # article DL, UL,, OL {字体大小:10 pt} ——比; & lt;/STYLE> & lt; SCRIPT> & lt; ! desc function addList (url), { if ((navigator.appName==癗etscape"), | |,(方法(navigator.appVersion)祝辞=4)),{ var w=window.open (““,“_IDHTML_LIST_",“顶级=0,左=0,宽度=475,身高=150,历史=不,菜单条=不,状态=不,可调整大小的=no") var d=w.document if (! w._init), { d.open () d.write (“& lt; TITLE>加载…& lt;/TITLE> & lt; EM>加载…& lt;/EM>“) d.close () w.opener=自我 window.status=癙ersonal Assistant (添加):,“+,desc },{else window.status=w.addOption (url, desc) w.focus () } } 其他的 alert (“Your  browser does  not support 从而personal 助理!”) return 假 }//,,在 & lt;/SCRIPT> & lt; STYLE 类型=拔谋?css"比; # board TD {宽度:15 pt;,高度:,15 pt;,字体大小:,2 pt;,} TD.foot {字体大小:10 pt;} # board TD.start {字体大小:8 pt;, border-left:, 2 px black 固体;,背景:黄色;,border-top:, 2 px black 固体;text-align:,中心;,颜色:,红} # board TD.end {字体大小:8 pt;, text-align:,中心;,颜色:,绿色} # message {保证金:0 pt;,填充:,0 pt;, text-align:,中心} & lt;/STYLE> & lt; SCRIPT 语言=癑avaScript"祝辞 var maze =, new 数组() var sides =, new 数组(“Border-Top",,“Border-Right") for (var 行=0;,rows<13;,行+ +) 迷宫(行),=,new 数组() 迷宫[0][0],=,new 数组(1,1,1,1,1,1,1,1,1,1,1,1) 迷宫[0][1],=,new 数组(0,0,1,0,1,0,0,0,0,1,0,1) 迷宫[1][0],=,new 数组(1,0,0,0,1,0,1,1,- 1,0,1,1) 迷宫[1][1],=,new 数组(0,1,1,0,0,1,1,0,0,1,0,1) 迷宫[2][0],=,new 数组(1 0 1 0 1 0,0,1,1,0,1,1) 迷宫[2][1],=,new 数组(0,0,0,0,1,1,- 1,0,0,0,0,1) 迷宫[3][0],=,new 数组(0,1,1,1,1,- 1,0,0,0,0,1,1) 迷宫[3][1],=,new 数组(1 0 0 1 0,0,0,1,1,0,0,1) 迷宫[4][0],=,new 数组(0,0,0,0,0,0,1,1,1,1,1,1) 迷宫[4][1],=,new 数组(1,1,1,1,- 1,0,0,0,0,0,1,1) 迷宫[5][0],=,new 数组(0,0,0,0,1,0,1,1,1,- 1,0,0) 迷宫[5][1],=,new 数组(1,1,1,1,1,- 1,0,0,0,1,0,1) 迷宫[6][0],=,new 数组(0,0,0,0,0,0,1,1,0,1,0,1) 迷宫[6][1],=,new 数组(1,1,1,1,1,- 1,0,0,0,1,0,1) 迷宫[7][0],=,new 数组(1 0 1,0,0,0,1,0,1,1,0,1) 迷宫[7][1],=,new 数组(1,1,- 1,0,1,0,0,1,0,1,1,1) 迷宫[8][0],=,new 数组(0,0,0,1,0,0,1,1,0,0,0,0) 迷宫[8][1],=,new 数组(0,1,0,1,1,0,0,0,1,1,0,1) 迷宫[9][0],=,new 数组(0,0,0,0,0,1,1,1,- 1,0,1,1) 迷宫[9][1],=,new 数组(1,1,1,- 1,0,0,0,0,0,1,1,1) 迷宫[10][0],=,new 数组(0,0,0,0,0,1,1,1,1,- 1,0,0) 迷宫[10][1],=,new 数组(1,1,- 1,0,1,0,0,0,0,1,0,1) 迷宫[11][0],=,new 数组(0,0,1,1,1,1,1,1,- 1,0,0,0) null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null nullJS如何实现走迷宫小游戏