国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery 國際象棋棋盤 實現代碼

2019-11-21 01:18:20
字體：大 中 小
來源：轉載
供稿：網友
當時沒覺得有什么，今天回頭看看，覺得還有點意思，拿來給大家鑒定一下。

首先要實現棋子的排布，這毫無疑問得用div+css了。

具體代碼可以看Jquery做的國際象棋棋盤（查看源代碼） 。

一開始我給每種棋子都寫了類，實際上這是比較愚蠢的行為。首先，這樣子css代碼會有冗余。其次，在棋子div上綁定偵聽器時會比較麻煩，要判斷是否棋子div時，我不得不靠類名中的-b和-w后綴來判斷是否棋子。但是如果我們將棋子的共同屬性提取出來專設一個類qizi，那么這兩個問題都可以迎刃而解。

在代碼中我特意沒有將之前的代碼去掉，你可以在注釋的代碼中看到。為了讓黑棋和白旗都可以移動，我不得不把一個方法寫上兩邊，你看，這就是沒有進行足夠的抽象化的后果。

接下來就是實現拖動了，關于這個，大家可以參考

打包下載地址

內容來自：http://buhutuu.cn/?p=783

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 玉环县| 大洼县| 新龙县| 延安市| 蒲城县| 津市市| 绥滨县| 邵武市| 田林县| 巴楚县| 景谷| 平山县| 通榆县| 岐山县| 石首市| 黄梅县| 团风县| 栖霞市| 彭州市| 锦屏县| 海晏县| 茂名市| 弥渡县| 图片| 常山县| 凉城县| 浦城县| 巴中市| 获嘉县| 石棉县| 榕江县| 开封县| 札达县| 郴州市| 盘山县| 武冈市| 汉源县| 南召县| 金坛市| 大同市| 石柱|