中国象棋js代码,仅演示,未能真下

<html> 
<head> 
<meta http-equiv="content-type" content="text/html;charset=gb2312"> 
<title>www.phpstudy.net 中国象棋 phpStudy</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 id='a"+id+"' style='position:absolute;top:"+(qizhiy)+"px;left:"+(qizhix)+"px;color:"+yanse+";font-size:50px'>●</div>" 
    st+="<div 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 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需刷新才能执行]

«
»

PHP教程

PHP简介 PHP基本语法 PHP类型 PHP变量 PHP运算符 PHP控制结构 PHP函数 PHP类与对象 PHP异常处理函数库分类