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