勇闯迷宫网页特效代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

您的位置: 网页特效 -> 游戏娱乐 -> 勇闯迷宫网页特效代码

勇闯迷宫网页特效代码

作者:勇闯迷宫网页特效代码演示发布时间:2007-11-23 11:34:43 发布人: admin

<basefont face="verdana" size="2">
<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>

</style>

</script>

function testNext(nxt) {
      if ((board.rows[start.rows].cells[start.cols].style.backgroundColor=="yellow")  &&  (nxt.style.backgroundColor=='yellow')) {
        message.innerText="I see you changed your mind."
        board.rows[start.rows].cells[start.cols].style.backgroundColor=""
        return false
      }
      return true
    }

function moveIt() {
      if (!progress) return
      switch (event.keyCode) {
        case 37: // left
          if (maze[start.rows][1][start.cols-1]==0) {
            if (testNext(board.rows[start.rows].cells[start.cols-1]))
              message.innerText="Going west..."
            start.cols--
            document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow"
          } else
          message.innerText="Ouch... you can't go west."

break;
        case 38: // up
          if (maze[start.rows][0][start.cols]==0) {
            if (testNext(board.rows[start.rows-1].cells[start.cols]))
              message.innerText="Going north..."
            start.rows--
            document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow"
          } else
          message.innerText="Ouch... you can't go north."

break;
        case 39: // right
          
          if (maze[start.rows][1][start.cols]==0) {
            if (testNext(board.rows[start.rows].cells[start.cols+1]))
              message.innerText="Going east..."
            start.cols++
            document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow"
          }
          else
          message.innerText="Ouch... you can't go east."

break;
        case 40: //down
          if (maze[start.rows+1]==null) return
          if (maze[start.rows+1][0][start.cols]==0) {
            if (testNext(board.rows[start.rows+1].cells[start.cols]))
              message.innerText="Going south..."
            start.rows++
            document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow"
          } else
          message.innerText="Ouch... you can't go south."

break;
      }
      if (document.all.board.rows[start.rows].cells[start.cols].innerText=="end") {
        message.innerText="You Win!"
        progress=false
      }
    }
</script>

<p align="center">请使用键盘上的→←↑↓键进行游戏<br>
<p><table id="board" align="CENTER" cellspacing="0" cellpadding="0">
  <script language="JavaScript">
    for (var row = 0; row<maze.length; row++) {
      document.write("<TR>")

for (var col = 0; col<maze[row][0].length; col++) {
        document.write("<TD STYLE='")
        for (var cell = 0; cell<2; cell++) {
          if (maze[row][cell][col]==1) 
            document.write(sides[cell]+": 2px black solid;")
        }
        if ((0==col)  &&  (0!=row))
          document.write("border-left: 2px black solid;")
        if (row==maze.length-1)
          document.write("border-bottom: 2px black solid;")
        if ((0==row)  &&  (0==col)) 
          document.write(" background-color:yellow;' class=start>start</TD>")
        else
         if ((row==maze.length-1)  &&  (col==maze[row][0].length-1))
           document.write("' class=end>end</TD>")
         else
          document.write("'> </TD>")
      }
      document.write("</TR>")
    }
    var start = new Object
    start.rows = 0
    start.cols = 0
    progress=true
    document.onkeydown = moveIt;
  </script>
  </table>
  <p id="message">　
</body></html>
<a href="http://web.archive.org/web/20150428061443/http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问中国建站之家网页特效集</a>

勇闯迷宫网页特效代码演示

将本文收藏到QQ书签与更多好友分享

上一篇：文章：射击网页特效代码下一篇：文章：打蜜蜂网页特效代码

网页特效

勇闯迷宫网页特效代码

本类浏览排行 »

本站推荐文章 »