JQuery 国际象棋棋盘实现代码

ttx9n · 发表于 2009-6-26 12:24:48

前些时候为了熟悉国际象棋的各种开局，随手写了一个很简单的国际象棋棋盘（实在找不到现成的）。当时没觉得有什么，今天回头看看，觉得还有点意思，拿来给大家鉴定一下。

首先要实现棋子的排布，这毫无疑问得用div+css了。

具体代码可以看Jquery做的国际象棋棋盘（查看源代码）。

一开始我给每种棋子都写了类，实际上这是比较愚蠢的行为。首先，这样子css代码会有冗余。其次，在棋子div上绑定侦听器时会比较麻烦，要判断是否棋子div时，我不得不靠类名中的-b和-w后缀来判断是否棋子。但是如果我们将棋子的共同属性提取出来专设一个类qizi，那么这两个问题都可以迎刃而解。

在代码中我特意没有将之前的代码去掉，你可以在注释的代码中看到。为了让黑棋和白旗都可以移动，我不得不把一个方法写上两边，你看，这就是没有进行足够的抽象化的后果。

接下来就是实现拖动了，关于这个，大家可以参考

打包下载地址

内容来自：http://buhutuu.cn/?p=783

feiyasqhr · 发表于 2022-9-18 01:29:45

逛逛看看瞧瞧

黑白键 · 发表于 2022-10-7 00:51:14

儿飞飞微风DVD谁vdsvd

v3sfsi · 发表于 2022-11-30 23:47:32

搞个免费的用用

lsc54 · 发表于 2023-1-1 12:37:40

还不错啊

fwn2rd · 发表于 2024-3-11 14:09:15

1312315458748777

JosephSA · 发表于 2024-4-10 15:24:09

这个源码不错啊

idy6_yus · 发表于 2024-5-23 03:17:46

vcxvcxv

360784533 · 发表于 2024-8-30 19:20:46

激动人心，无法言表！

4k0mp7m · 发表于 2024-8-31 16:25:06

的谁vdvdsvdsvdsdsv

账号		自动登录	找回密码
密码			立即注册

[JavaScript] JQuery 国际象棋棋盘实现代码

相关帖子

[JavaScript] JQuery 国际象棋棋盘 实现代码

相关帖子

[JavaScript] JQuery 国际象棋棋盘实现代码