JS如何实现走迷宫小游戏

  介绍

小编给大家分享一下JS如何实现走迷宫小游戏,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

JS是什么

JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。

具体如下:

先来看看运行效果截图:

 JS如何实现走迷宫小游戏

完整实例代码如下:

& 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   null

JS如何实现走迷宫小游戏