繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JQuery 国际象棋棋盘 实现代码
- Javascript
- IE8 原生JSON支持
- iframe 自适应高度[在IE6 IE7 FF下测试通过]
- javascript 清除输入框中的数据
- IE和FireFox(FF)中js和css的不同
- JavaScript asp.net 获取当前超链接中的文本
- 用JavaScript页面不刷新时全选择，全删除（GridView）
- JavaScript获取GridView选择的行内容
- javaScript 读取和设置文档元素的样式属性
- js select 控制实现代码
- javascript 类方法定义还是有点区别
- jQuery 绝对入门
- 网页开发中的容易忽略的问题 javascript HTML中的table
- childNodes 用法两例
- js 只能输入数字和小数点的文本框改进版
- javascript 09年最新版的省市联动
- jquery 实现的全选和反选
- js 拖拽翻页实现代码
- 保证JavaScript和Asp、Php等后端程序间传值编码统一
- JavaScript 无符号右移赋值操作
- JavaScript 无符号右移运算符
Javascript 中的 JQuery 国际象棋棋盘 实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 268 ::
收藏到网摘: n/a
前些时候为了熟悉国际象棋的各种开局，随手写了一个很简单的国际象棋棋盘（实在找不到现成的）。 当时没觉得有什么，今天回头看看，觉得还有点意思，拿来给大家鉴定一下。
首先要实现棋子的排布，这毫无疑问得用div+css了。
具体代码可以看Jquery做的国际象棋棋盘（查看源代码） 。
一开始我给每种棋子都写了类，实际上这是比较愚蠢的行为。首先，这样子css代码会有冗余。其次，在棋子div上绑定侦听器时会比较麻烦，要判断是否棋子div时，我不得不靠类名中的-b和-w后缀来判断是否棋子。但是如果我们将棋子的共同属性提取出来专设一个类qizi，那么这两个问题都可以迎刃而解。
在代码中我特意没有将之前的代码去掉，你可以在注释的代码中看到。为了让黑棋和白旗都可以移动，我不得不把一个方法写上两边，你看，这就是没有进行足够的抽象化的后果。
接下来就是实现拖动了，关于这个，大家可以参考
打包下载地址
内容来自：http://buhutuu.cn/?p=783
评论 (0) All
