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

首頁 > 語言 > JavaScript > 正文

JQuery 國際象棋棋盤 實現(xiàn)代碼

2024-05-06 14:15:01
字體：大 中 小
供稿：網(wǎng)友
當時沒覺得有什么，今天回頭看看，覺得還有點意思，拿來給大家鑒定一下。

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

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

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

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

接下來就是實現(xiàn)拖動了，關(guān)于這個，大家可以參考

打包下載地址

內(nèi)容來自：http://buhutuu.cn/?p=783

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板： 马山县| 蓬溪县| 常熟市| 遵义县| 莫力| 平昌县| 延吉市| 绥阳县| 陕西省| 利津县| 南部县| 屏山县| 齐河县| 永顺县| 寿光市| 黔南| 陕西省| 常宁市| 辉南县| 民和| 安远县| 山东| 监利县| 建德市| 天镇县| 崇文区| 合作市| 徐水县| 天祝| 泗水县| 昌黎县| 成都市| 岱山县| 莫力| 永定县| 绥芬河市| 当涂县| 江源县| 鞍山市| 双鸭山市| 太仓市|