|
|
首先要實現(xiàn)棋子的排布，這毫無疑問得用div+css了。
具體代碼可以看Jquery做的國際象棋棋盤（查看源代碼） 。
一開始我給每種棋子都寫了類，實際上這是比較愚蠢的行為。首先，這樣子css代碼會有冗余。其次，在棋子div上綁定偵聽器時會比較麻煩，要判斷是否棋子div時，我不得不靠類名中的-b和-w后綴來判斷是否棋子。但是如果我們將棋子的共同屬性提取出來專設(shè)一個類qizi，那么這兩個問題都可以迎刃而解。
在代碼中我特意沒有將之前的代碼去掉，你可以在注釋的代碼中看到。為了讓黑棋和白旗都可以移動，我不得不把一個方法寫上兩邊，你看，這就是沒有進(jìn)行足夠的抽象化的后果。
接下來就是實現(xiàn)拖動了，關(guān)于這個，大家可以參考
打包下載地址
內(nèi)容來自：http://buhutuu.cn/?p=783
JavaScript技術(shù)：JQuery 國際象棋棋盤 實現(xiàn)代碼，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
