软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：中国象棋,js

<html> 
<head> 
<meta http-equiv="content-type" content="text/html;charset=gb2312"> 
<title>www.jb51.net 中国象棋 脚本之家</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>

技术文章快速查找

JavaScript 面向对象编程（1）基础

IE的有条件注释判定IE版本详解（附实例代码）

原生JS可拖动弹窗效果实例代码

自用js开发框架小成学习js的朋友可以看看

js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29)

点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码

用JavaScript实现窗口从天而降效果

jQuery 使用手册(二)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建