js 钻石棋网页游戏代码

钻石棋游戏

body{text-align:center; font-size:12px;}
td{font-size:12px;text-align:center}
table .qz{ border:1px solid #ccc; padding:0px; margin:0px;}
.ayc{ background:#fff; background-image:none}
table td{width:60px; height:60px;}
table td input,.axs{ height:60px; width:60px; border:0px; background:url(/upload/2010-3/20100303233932866.gif) no-repeat center center; color:#ccc; font-size:12px}
#zhuangtai{ font-size:16px;}
.axz{height:60px; width:60px; border:0px; background:url(/upload/2010-3/20100303233933912.gif) no-repeat center center; }
.zhuangt{ height:30px; line-height:30px; font-size:12px;}
.zhuangt span{ color:red; font-weight:bold;}

独立钻石棋

剩余32 个棋子、共走0步

var x,y,x1,y1,a1,a2,an=0,qzs=0,str="",bs=0;
var xy =new Array() ;
xy[0]=new Array();
xy[1]=new Array();
xy[2]=new Array();
xy[3]=new Array();
xy[4]=new Array();
xy[5]=new Array();
xy[6]=new Array();
function xz(x,y)
{
var a1=document.getElementById("n"+x+y);
//alert(x+"-"+y+"-"+x1+"-"+y1+"-"+xy[x,y]);
if(an==0 && xy[x][y]==1){
a1.className="axz";
a2=a1;
an=1;
x1=x;
y1=y;
}
else if(an==1)
{
if(ks2(x,y,x1,y1)==1){
xy[x1][y1]=0;
a1.className="axs";
xy[x][y]=1;
a2.className="ayc";
qzs=qzs-1;
bs=bs+1;
document.getElementById("zhuangtai").innerHTML=qzs;
document.getElementById("bushu").innerHTML=bs;
}else
{
a2.className="axs";
}
an=0;
}
}
//检测棋子
function ks(x,y)
{
if(x=5 || x>=5 && y=5 && y>=5 || x==3 && y==3){
xs=0;
}
else
{
xs=1;
}
return xs;
}
function ks2(x,y,x1,y1)
{
xs=0;
if(x==x1 && (y-2==y1 || y+2==y1) && xy[x][y]==0)
{
if(y-2==y1 && xy[x][y-1]==1){
xs=1;
yincang(x,y-1);
}else if(y+2==y1 && xy[x][y+1]==1){
xs=1;
yincang(x,y+1);
}
}else if(y==y1 && (x-2==x1 || x+2==x1) && xy[x][y]==0)
{
if(x-2==x1 && xy[x-1][y]==1){
xs=1;
yincang(x-1,y);
}else if(x+2==x1 && xy[x+1][y]==1){
xs=1;
yincang(x+1,y);
}
}
return xs;
}
function yincang(x,y)
{
xy[x][y]=0;
document.getElementById("n"+x+y).className="ayc";
}
function zb(x,y)
{
for (x=0;x");
for (x=0;x");
for (y=0;y";
//alert(x+"-"+y+"-"+x1+"-"+y1+"+xy[x][y]+");
document.write("

");
}
else{
document.write("

");
}
}
document.write("

");
}
document.write("

");
document.getElementById("n33").className="ayc";
qzs=32;
xy[3][3]=0;
//document.write(str);

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • JavaScript编写的网页小游戏,很给力

    以下为游戏界面: 以下为游戏代码: <html> <head> <script language="JavaScript"> <!-- Original: Nick Young () --> <!-- recompose: Pakchoi () --> var timerID = null; var INT = 40; var loadFLG = 0; var gameFLG = 0; var missFLG = 0; var

  • javascript实现的网页标题变换效果(网页游戏广告常用)

    核心代码: 复制代码 代码如下: <SCRIPT type=text/javascript> // var step=0; var _title=document.title; //获取网页标题 var space=''; for(var i=0;i<=_title.length;i++)space+=' '; //根据标题长度生产相应的空字符 function flash_title() //核心函数 { step++ if (step==3) {step=1} if (step==1

  • JS实现网页游戏中滑块响应鼠标点击移动效果

    本文实例讲述了JS实现网页游戏中滑块响应鼠标点击移动效果.分享给大家供大家参考,具体如下: 这是网页游戏中的一个有趣效果,可以完成以下几个动作:滚动.scroll 8个方向.鼠标坐标获娶对象上下左右位置获取,大家可以自己添加.MoveReady和ScrollReady两个注释掉了 取消注释后防止鼠标连续点击效果叠加. 在线演示地址如下: http://demo.jb51.net/js/2015/js-web-game-click-move-demo/ 具体代码如下: <!DOCTYPE html

  • js 钻石棋网页游戏代码

    钻石棋游戏 body{text-align:center; font-size:12px;} td{font-size:12px;text-align:center} table .qz{ border:1px solid #ccc; padding:0px; margin:0px;} .ayc{ background:#fff; background-image:none} table td{width:60px; height:60px;} table td input,.axs{ heig

  • js消除图片小游戏代码

    js消除图片小游戏,效果如下所示: 做了一个简易的消除图片的小游戏,没有连线的规则. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta

  • Java实现简单井字棋小游戏代码实例

    Java第一次实验,老师让做一个井字棋,电脑随机下棋. 然后就想能不能聪明一点,可以判断出走哪一步棋:然后只能做到不会输,还是不够聪明,只能呆板地堵住用户,smartRobot的第三个判断逻辑找不到最佳位置,赢得概率比较小:而且我没事干时,想玩玩这个小游戏找找成就感,但每次都会赢了机器人,所以删删改改了四五次,最后才成. 可以选择谁先开始,但startGame里的代码更加冗余了.看着就很乱,但没想到好的办法. smartRobot里的代码全部重写了,比原来更聪明一点了:下在四个角的位置时,能优先

  • js贪吃蛇网页版游戏特效代码分享(挑战十关)

    js贪吃蛇网页版游戏特效,经测试图片切换过程非常酷,相信大家一定都玩过这个经典小游戏吧,但是它是怎么实现的呐,感兴趣的朋友快来学习学习吧 运行效果图:----------------------查看效果----------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的js贪吃蛇网页版游戏特效代码如下 <body><title>js贪吃蛇网页版游戏特效</title></body> <script>

  • 基于JS实现蜘蛛侠动作游戏的示例代码

    目录 代码结构 代码展示 HTML JS 项目运行 游戏截图 整个游戏源码是由html.js. css.图片等代码完成的,无后端数据保存功能. 代码结构 js文件夹是游戏事件控制文件 vapp文件夹是游戏图片文件 icon.png 是网页游戏图标 index.html 是游戏主页 代码展示 HTML index.html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/

  • js实现左侧网页tab滑动门效果代码

    本文实例讲述了js实现左侧网页tab滑动门效果代码.分享给大家供大家参考.具体如下: 这是一款开口靠左的网页滑动门,网页滑动门,TAB滑动门,竖排滑动门菜单,竖排TAB选项卡,兼容IE6/IE7/FF/opera浏览器.其实竖排和横排的代码基本一样,只不过稍加修改就可以了.只要学会了一种滑动门,就能举一返三了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-left-tab-cha-style-codes/ 具体代码如下: <!DOCTY

  • JS实现超简洁网页title标题跑动闪烁提示效果代码

    本文实例讲述了JS实现超简洁网页title标题跑动闪烁提示效果代码.分享给大家供大家参考,具体如下: 这里演示不几行JS代码实现的网页Title文字跑动效果,类似有消息时的标题闪烁提醒功能,在JS代码中,当变量_record累加到3是,将其赋值为1.相当于无限循环.需要显示的消息提示内容可自拟哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-blink-style-codes/ 具体代码如下: <html xmlns="

  • JS动态修改网页body的背景色实例代码

    大部分网页默认的背景色为白色,个人感觉比较刺眼,于是写了个JS的脚本去改变body部分的背景色,代码如下: // ==UserScript== // @name ChangeBackgroundColor // @namespace tingl // @include * // @version 1 // @grant none // ==/UserScript== (function () { 'use strict'; var color = '#ececec'; var style; fu

  • JS实现的网页背景闪电闪烁效果代码

    本文实例讲述了JS实现的网页背景闪电闪烁效果代码.分享给大家供大家参考,具体如下: 这款JavaScript特效代码可实现网页背景的闪电闪烁特效,点击网页上的按钮,即可激活效果,很炫的效果,细心的JS爱好者会发现,其实是把网页的背景颜色由"黑色"快速变换成"白色",形成了"闪电"效果. 在线演示地址如下: http://demo.jb51.net/js/2015/js-lightning-style-bgcolor-demo/ 具体代码如下: &

随机推荐