您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！

[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签

当前位置：首页 > 网页特效 > 游戏特效 >

网页版字母华容道游戏

时间：2013-05-30 22:24 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

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

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

一款简单的网页游戏，华容道，或许大部分朋友都知道这款游戏，有的甚至还玩过吧？今天分享的是一款字母版的华容道，玩法其实也是挺简单的，玩过普通版的应该都知道是怎么个玩法，再此不再多述。主要是为喜欢JS的朋友提供一份简单的游戏代码范例。

网页版字母华容道游戏由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/youxitexiao/4921.html

标签：网站源码

上一篇：Js写的网页撞击游戏（弹力球）

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

[游戏特效] 用HTML5雷电写的-打飞机游戏

[游戏特效] JavaScript与html5写的贪吃蛇

[游戏特效] html5网页版三国杀版连连看代码

[游戏特效] JS写的网页抽奖小游戏

[游戏特效] 真正的网抽奖-JavaScript HTML5

[游戏特效] HTML5游戏：生命游戏+代码

[游戏特效] JS挖箱子小游戏，网页游戏代码

[游戏特效] jQuery仿腾讯视频列表分页效果

[游戏特效] 反应能力测试游戏，你能坚持多久

[游戏特效] HTML5实现跑动的超级玛丽

[游戏特效] HTML5坦克大战-网页小游戏

[游戏特效] JavaScript五子棋

相关内容推荐

div垂直居中

我要自学网

邯郸做网站

PHP运行平台

数据库和图表PNG图标

花季少女PNG图标

Excel斜表头的做法

php教程：连接SQL

字体大中小

东莞网站优化

前端开发攻城师

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

鲁ICP备13013982号-1