繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JQuery 国际象棋棋盘 实现代码
- Javascript
- jQuery代码:jQuery控制表单里的回车键
- 用DIV完美模拟createPopup 弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome
- jQuery Flash/MP3/Video多媒体插件
- 9个JavaScript评级/投票插件
- JS实现的radio图片选择按钮效果
- IE中checkbox在刷新后初始化的问题
- JavaScript 学习笔记（十一）
- JS 对象介绍
- javascript 哈希表(hashtable)的简单实现
- jquery 防止表单重复提交代码
- js parsefloat parseint 转换函数
- javascript parseInt与Number函数的区别
- JavaScript 学习笔记（十二） dom
- JavaScript 学习笔记（十三）Dom创建表格
- javascript 实现自由落体的方块效果
- javascript 获取url参数和script标签中获取url参数函数代码
- JAVASCRIPT style 中visibility和display之间的区别
- javascript 拖放效果实现代码
- jquery last-child 列表最后一项的样式
- Jquery实战_读书笔记1—选择jQuery
Javascript 中的 JQuery 国际象棋棋盘 实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 174 ::
收藏到网摘: n/a
前些时候为了熟悉国际象棋的各种开局，随手写了一个很简单的国际象棋棋盘（实在找不到现成的）。 当时没觉得有什么，今天回头看看，觉得还有点意思，拿来给大家鉴定一下。
首先要实现棋子的排布，这毫无疑问得用div+css了。
具体代码可以看Jquery做的国际象棋棋盘（查看源代码） 。
一开始我给每种棋子都写了类，实际上这是比较愚蠢的行为。首先，这样子css代码会有冗余。其次，在棋子div上绑定侦听器时会比较麻烦，要判断是否棋子div时，我不得不靠类名中的-b和-w后缀来判断是否棋子。但是如果我们将棋子的共同属性提取出来专设一个类qizi，那么这两个问题都可以迎刃而解。
在代码中我特意没有将之前的代码去掉，你可以在注释的代码中看到。为了让黑棋和白旗都可以移动，我不得不把一个方法写上两边，你看，这就是没有进行足够的抽象化的后果。
接下来就是实现拖动了，关于这个，大家可以参考
打包下载地址
内容来自：http://buhutuu.cn/?p=783
评论 (0) All
