中國象棋js代碼,僅演示,未能真下

2019-11-21 01:48:38

字體：大中小

來源：轉載

供稿：網友

<html> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <title>www.survivalescaperooms.com 中國象棋 武林網</title> <script> var st=""; var qipuid=new Array(); var qipux=new Array(); var qipuy=new Array(); var qipuc=0; qipust="27,8,5,2,3,3,"; qipust+="24,8,7,1,1,2,"; qipust+="29,6,3,15,5,7,"; qipust+="18,8,3,8,3,7,"; qipust+="26,6,2,8,5,8"; qipusz=qipust.split(","); for (var x=0,qx=0;x<qipusz.length;x+=3) {     qipuid[qx]=qipusz[x];     qipux[qx]=qipusz[x+1];     qipuy[qx]=qipusz[x+2];     qx++; } function qizhi(yanse,qizhiname,qizhiy,qizhix,id) {     qizhix=qizhix*50;     qizhiy=qizhiy*50;     if (yanse==0) yanse="black";else yanse="red";     st+="<div   class="iwvjtn8m0"   id='a"+id+"' style='position:absolute;top:"+(qizhiy)+"px;left:"+(qizhix)+"px;color:"+yanse+";font-size:50px'>●</div>"     st+="<div   class="iwvjtn8m0"   id='b"+id+"' style='position:absolute;top:"+(qizhiy+10)+"px;left:"+(qizhix+10)+"px;color:white;font-size:30px'>"+qizhiname+"</div>" } function hengxian(qizhix) {     qizhix=qizhix*50+25;     st+="<div style='position:absolute;width:402px;height:2px;top:"+qizhix+"px;left:75px;background:black;font-size:1'></div>" } function shuxian(qizhix) {     qizhix=qizhix*50+25;     st+="<div style='position:absolute;width:2px;height:450px;left:"+qizhix+"px;top:75px;background:black;font-size=1'></div>" } function point(x,y) {     var x,y;     st+="<div style='position:absolute;width:1px;height:1px;left:"+y+"px;top:"+x+"px;background:black;font-size=1'></div>" } function linehengc(top,left) {     var top,left;     top=50*top+20;     left=50*left+15;     for(var y=0;y<=5;y++) point(top,y+left);     for(var y=0;y<=5;y++) point(top+10,y+left);     for(var y=0;y<=5;y++) point(top,y+left+15);     for(var y=0;y<=5;y++) point(top+10,y+left+15);     for(var x=0;x<=5;x++) point(x+top-5,left+5);     for(var x=0;x<=5;x++) point(x+top-5,left+15);     for(var x=0;x<=5;x++) point(x+top+12,left+5);     for(var x=0;x<=5;x++) point(x+top+12,y+left+9); } function linehengr(top,left) {     var top,left;     top=50*top+20;     left=50*left+15;     for(var y=0;y<=5;y++) point(top,y+left);     for(var y=0;y<=5;y++) point(top+10,y+left);     for(var x=0;x<=5;x++) point(x+top-5,left+5);     for(var x=0;x<=5;x++) point(x+top+12,left+5); } function linehengl(top,left) {     var top,left;     top=50*top+20;     left=50*left+15;     for(var y=0;y<=5;y++) point(top,y+left+15);     for(var y=0;y<=5;y++) point(top+10,y+left+15);     for(var x=0;x<=5;x++) point(x+top-5,left+15);     for(var x=0;x<=5;x++) point(x+top+12,y+left+9); } function duqipu() {     if (qipuc>=qipuid.length)     {         alert("現在封盤，下次再繼續")         return     }     qizhimove(qipuid[qipuc],qipux[qipuc],qipuy[qipuc])     qipuc++; } function qizhimove(id,x2,y2) {     var id,x,y,x2,y2;     x2=x2*50;     y2=y2*50;     luozhi=false;     eval("x1=document.getElementById('a"+id+"').style.top");     re=/px/i;     x1= x1.replace(re, "");     eval("y1=document.getElementById('a"+id+"').style.left");     re=/px/i;     y1= y1.replace(re, "");     qizhimoveloop(id,x1*1,y1*1,x2,y2); } function qizhimoveloop(id,x,y,x2,y2) {     var id,x,y;     eval("document.getElementById('a"+id+"').style.top='"+x+"px'");     eval("document.getElementById('b"+id+"').style.top='"+(x+10)+"px'");     eval("document.getElementById('a"+id+"').style.left='"+y+"px'");     eval("document.getElementById('b"+id+"').style.left='"+(y+10)+"px'");     if(x!=x2)     {         if (x>x2) x-=2;         if (x<x2) x+=2;     }     if(y!=y2)     {         if (y>y2) y-=2;         if (y<y2) y+=2;     }     if (x!=x2 || y!=y2) setTimeout("qizhimoveloop("+id+","+x+","+y+","+x2+","+y2+")",10);     else setTimeout(duqipu,1000); } function hejie() {     st+="<div style='position:absolute;width:350px;height:48px;left:100px;top:277px;background:white;font-size=1'></div>" } function start() {     for(var x=1;x<=10;x++) hengxian(x);     for(var x=1;x<=9;x++) shuxian(x);     for(var x=0;x<=100;x++) point(x+75,x+225);     for(var x=0;x<=100;x++) point(x+425,x+225);     for(var x=0;x<=100;x++) point(525-x,x+225);     for(var x=0;x<=100;x++) point(175-x,x+225);     hejie();     linehengc(3,2);     linehengc(3,8);     linehengc(8,2);     linehengc(8,8);     linehengl(4,1);     linehengc(4,3);     linehengc(4,5);     linehengc(4,7);     linehengr(4,9);     linehengl(7,1);     linehengc(7,3);     linehengc(7,5);     linehengc(7,7);     linehengr(7,9);     qizhi(0,"車",1,1,1);     qizhi(0,"馬",1,2,2);     qizhi(0,"象",1,3,3);     qizhi(0,"仕",1,4,4);     qizhi(0,"將",1,5,5);     qizhi(0,"仕",1,6,6);     qizhi(0,"象",1,7,7);     qizhi(0,"馬",1,8,8);     qizhi(0,"車",1,9,9);     qizhi(0,"炮",3,2,10);     qizhi(0,"炮",3,8,11);     qizhi(0,"卒",4,1,12);     qizhi(0,"卒",4,3,13);     qizhi(0,"卒",4,5,14);     qizhi(0,"卒",4,7,15);     qizhi(0,"卒",4,9,16);     qizhi(1,"車",10,1,17);     qizhi(1,"馬",10,2,18);     qizhi(1,"相",10,3,19);     qizhi(1,"士",10,4,20);     qizhi(1,"帥",10,5,21);     qizhi(1,"士",10,6,22);     qizhi(1,"相",10,7,23);     qizhi(1,"馬",10,8,24);     qizhi(1,"車",10,9,25);     qizhi(1,"炮",8,2,26);     qizhi(1,"炮",8,8,27);     qizhi(1,"兵",7,1,28);     qizhi(1,"兵",7,3,29);     qizhi(1,"兵",7,5,30);     qizhi(1,"兵",7,7,31);     qizhi(1,"兵",7,9,32);     document.body.innerHTML=st;     duqipu(); } </script> </head> <body onload=start()> </body> </html>

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

上一篇：javascript if 的簡化代碼

下一篇：javascript創建數組的最簡代碼