網(wǎng)頁版字母華容道游戲

2024-09-05 12:21:07

字體：大中小

供稿：網(wǎng)友

一款簡單的網(wǎng)頁游戲，華容道，或許大部分朋友都知道這款游戲，有的甚至還玩過吧？今天分享的是一款字母版的華容道，玩法其實也是挺簡單的，玩過普通版的應(yīng)該都知道是怎么個玩法，再此不再多述。主要是為喜歡JS的朋友提供一份簡單的游戲代碼范例。

<HTML><HEAD><TITLE>字母華容道</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"></HEAD><BODY><CENTER><FORM name=pad><TABLE cellSpacing=2 cellPadding=2 width=81 border=2>  <TBODY>  <TR>    <TD align=middle width=210>移動</TD></TR>  <SCRIPT language=JavaScript>bx=3; by=3;for (y=0;y<4;y++) {document.write('<tr>');for (x=0;x<4;x++) {document.write('<td><tt><input type=button value="   " ');document.write('onclick="move('+x+','+y+');"></tt></td>');}document.write('</tr>');}function move(x,y) {ax=Math.abs(bx-x);ay=Math.abs(by-y);if (((ax*ay)==0)&&((ax+ay)==1)) {f=document.pad;f.elements[4*by+bx].value=f.elements[4*y+x].value;f.elements[4*y+x].value="   ";bx=x; by=y; f.msg.value++;   }}function rndize() {alpha="ABCDEFGHIJKLMNO ";for (i=0;i<16;i++) {x=0;y=0;while (document.pad.elements[4*y+x].value!="   ") {x=Math.floor(Math.random()*4);y=Math.floor(Math.random()*4);}document.pad.elements[4*y+x].value=alpha.substring(i,i+1);}bx=x;by=y;}rndize();    </SCRIPT>  <TR>    <TD width=210><INPUT size=1 name=msg></TD></TR></TBODY></TABLE></FORM></CENTER></BODY></HTML>

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

下一篇：Js寫的網(wǎng)頁撞擊游戲（撞球）