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

更新时间：2008年02月19日 23:12:02 作者：

中国象棋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 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需再刷新一下页面才能执行]

您可能感兴趣的文章:

微信小程序传值以及获取值方法的详解
这篇文章主要介绍了微信小程序传值以及获取值方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
js定义类的几种方法(推荐)
下面小编就为大家带来一篇js定义类的几种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
如何使用不同的方法在 JavaScript 中添加两个向量
这篇文章主要介绍了如何在 JavaScript 中添加向量(Vector)类,使用不同的方法在 JavaScript 中添加两个向量，本文结合示例代码给大家介绍的非常详细，需要的朋友可以参考下
2023-06-06
javascript使用switch case实现动态改变超级链接文字及地址
这篇文章主要介绍了javascript使用switch case实现动态改变超级链接文字及地址,需要的朋友可以参考下
2014-12-12
原生js实现简单的链式操作
这篇文章主要介绍了原生js实现简单的链式操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-07-07
JavaScript学习笔记之检测客户端类型是（引擎、浏览器、平台、操作系统、移动设备）
这篇文章主要介绍了JavaScript学习笔记之检测客户端类型是（引擎、浏览器、平台、操作系统、移动设备）的相关资料,需要的朋友可以参考下
2015-12-12
Markdown+Bootstrap图片自适应属性详解
这篇文章主要为大家详细介绍了Markdown+Bootstrap图片自适应属性，感兴趣的朋友可以参考一下
2016-05-05
js实现背景图片感应鼠标变化的方法
这篇文章主要介绍了js实现背景图片感应鼠标变化的方法,实例分析了javascript针对鼠标事件与css样式图片的操作技巧,需要的朋友可以参考下
2015-02-02
用js取得鼠标所在位置的对象
用js取得鼠标所在位置的对象...
2007-01-01
js回溯法计算最佳旅行线路代码实例
这篇文章主要介绍了js回溯法计算最佳旅行线路代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09