繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JQuery 国际象棋棋盘 实现代码
- Javascript
- document.createElement()用法及注意事项
- Javascript教程：关于内存泄漏问题
- 延迟事件为0的setTimeout的真正目的
- JavaScript图片特效代码下载
- AJAX初学:IE缓存页面的问题
- AJAX中DOM的操作方法
- AJAX中文乱码的两类问题
- javascript程序的执行效率问题
- 网页用户注册界面的设计
- ajax应该如何应用？
- 详解Javascript匿名函数的使用
- Ajax：研究密码强度规则(仿google)
- JavaScript学习教程
- 网页制作中常用的Javascript代码
- 深入学习Javascript函数
- JS的Object类的属性和方法
- Javascript初学者实例教程(1):简单交互
- Javascript初学者实例教程(2):event对象和事件
- Javascript初学者实例教程(3):数组和slice()方法
- Javascript初学者实例教程(4):对象和构造方法
Javascript 中的 JQuery 国际象棋棋盘 实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 254 ::
收藏到网摘: n/a
前些时候为了熟悉国际象棋的各种开局，随手写了一个很简单的国际象棋棋盘（实在找不到现成的）。 当时没觉得有什么，今天回头看看，觉得还有点意思，拿来给大家鉴定一下。
首先要实现棋子的排布，这毫无疑问得用div+css了。
具体代码可以看Jquery做的国际象棋棋盘（查看源代码） 。
一开始我给每种棋子都写了类，实际上这是比较愚蠢的行为。首先，这样子css代码会有冗余。其次，在棋子div上绑定侦听器时会比较麻烦，要判断是否棋子div时，我不得不靠类名中的-b和-w后缀来判断是否棋子。但是如果我们将棋子的共同属性提取出来专设一个类qizi，那么这两个问题都可以迎刃而解。
在代码中我特意没有将之前的代码去掉，你可以在注释的代码中看到。为了让黑棋和白旗都可以移动，我不得不把一个方法写上两边，你看，这就是没有进行足够的抽象化的后果。
接下来就是实现拖动了，关于这个，大家可以参考
打包下载地址
内容来自：http://buhutuu.cn/?p=783
评论 (0) All
