整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
最近上班無(wú)聊時(shí)有事沒事喜歡下幾把象棋，當(dāng)然前提是我項(xiàng)目都做得很好了，空閑時(shí)間才娛樂下，大家不要學(xué)我喲，玩了幾把才知道，自己有好多年沒練過(guò)了，游戲中的高手還是挺多的，畢竟這年代，還能在網(wǎng)上安靜的下象棋的也只有老粉絲了，今天這個(gè)中國(guó)象棋的案例，大家可以自己練習(xí)下。
這里還是要推薦下我自己建的前端學(xué)習(xí)群：204436223，不說(shuō)其他的，能進(jìn)我群的沒兩把刷子怎么可以呢是吧，當(dāng)然小白我也非常歡迎，都是從零開始的嘛，多虛心問問題就行了，不定期分享干貨。想學(xué)到東西的都可以來(lái)，歡迎初學(xué)和進(jìn)階中的小伙伴。
效果圖如下：
javascript代碼如下：
文檔版代碼請(qǐng)看文章第二條建議
文檔版代碼請(qǐng)看文章第二條建議
文檔版代碼請(qǐng)看文章第二條建議
有很多人或許會(huì)說(shuō)，我javascript都學(xué)完了，但是自己做案例還是不會(huì)，這就和數(shù)學(xué)公式一樣，公式你都能倒背如流了，但是呢？你知道什么時(shí)候可以用到題里去嗎？你知道這個(gè)題要用哪個(gè)公式嗎？今天一位伙伴還對(duì)我說(shuō)了這個(gè)問題，我反問，你有自己的項(xiàng)目嗎？‘沒有’。。。。
案例 到現(xiàn)在就寫完了，當(dāng)然你如果沒有做過(guò)類似案例的做起這個(gè)來(lái)還是很麻煩的，自己要記住思路一定不要亂，也不要完全復(fù)制我的代碼，看了一邊代碼，自己徒手能寫出來(lái)才是王道。
最后給大家?guī)讉€(gè)建議。
剛學(xué)javascript的話千萬(wàn)不要急著看一些復(fù)雜的javascript網(wǎng)頁(yè)特效的代碼，這樣只會(huì)打擊你的信心和學(xué)習(xí)的興趣
網(wǎng)上看到的什么十天精通javascript的，笑一下就行！
這個(gè)案例就算做完了，想要完整代碼自己練習(xí)的小伙伴進(jìn)我的群自助領(lǐng)取，我已經(jīng)上傳到群文件里了，群號(hào)：204436223，歡迎學(xué)習(xí)交流的小伙伴過(guò)來(lái)一起學(xué)習(xí)交流。
棋橋是一款為象棋愛好者開發(fā)制作的棋譜管理類軟件，用戶能夠通過(guò)軟件對(duì)棋譜進(jìn)行導(dǎo)入保存，并且能夠在軟件中對(duì)棋譜進(jìn)行查看，一步步的復(fù)盤整個(gè)棋局，方便用戶對(duì)棋局進(jìn)行思考。用戶還能夠在其中進(jìn)行棋譜的制作，在軟件中進(jìn)行下棋，并將對(duì)局進(jìn)行記錄保存至本地。
來(lái)源：http://www.3h3.com/soft/273893.html
一：打譜(目前同類軟件中功能最強(qiáng)，下面列出的功能都是針對(duì)單個(gè)棋譜)
1、可以打開的格式: xqf(象棋演播室)、pgn(通用格式)、che(QQ象棋)、mxq(弈天)、ccm(中游)、cbr、cbf、cbl
2、可以保存的格式: xqf(象棋演播室)、pgn(通用格式)、txt(文本)、cbr、cbf、cbl
3、支持的打開棋譜操作方式: 從菜單或工具條打開; 從棋庫(kù)打開; 從Windows資源管理器拖入界面里打開; 從書簽打開; 關(guān)聯(lián)文件后，雙擊棋譜打開。
4、支持最全的棋譜信息，可以方便的制作全局/殘局棋譜。
5、完整支持FEN格式，便于和各種棋軟交換棋盤數(shù)據(jù)。
二：棋譜管理(方便的管理大量的棋譜)
1、可以對(duì)棋譜分類分層次的管理。
2、以棋庫(kù)為基本文件單位，可將同類棋譜放到一個(gè)棋庫(kù)里，可將同類棋庫(kù)放到一個(gè)文件夾中。
3、轉(zhuǎn)換各種棋譜格式，操作簡(jiǎn)便，配合其他功能，整個(gè)轉(zhuǎn)換操作強(qiáng)于其他轉(zhuǎn)換軟件。支持的格式請(qǐng)見打譜的介紹。
4、可對(duì)棋譜、棋庫(kù)及文件夾進(jìn)行復(fù)制，刪除，移動(dòng), 更名等基本操作。
5、快速定位棋庫(kù)。隨著棋庫(kù)增多，查找起來(lái)會(huì)越來(lái)越麻煩，該功能解決了這個(gè)困擾，如要定位銀川棋路的棋庫(kù)，只需輸入拼音首字母ycql按回車。
5、可以將文件夾或棋庫(kù)中的所有棋譜，方便的合并到一局棋譜中。
6、方便的剔除棋庫(kù)或文件夾中重復(fù)的棋譜。
7、方便的將多個(gè)棋庫(kù)中的棋譜復(fù)制到一個(gè)棋庫(kù)中。
8、棋譜列表，只要點(diǎn)擊字段頭，就可做相應(yīng)的排序，非常便于整理棋譜。
9、棋譜的順序可以自定義, 并可保存排序后的順序。
10、可以批量修改文件屬性，標(biāo)題字段支持宏替換修改。
11、方便的對(duì)棋譜進(jìn)行預(yù)覽。
12、可以多一個(gè)或一批棋譜搜索與之相似的棋譜。
13、棋庫(kù)可以包含資源文件，如PDF,txt,圖片，聲音，腳本等。
14、可以用腳本對(duì)棋譜進(jìn)行復(fù)制，刪除，過(guò)濾，選擇，排序。棋友自己如果發(fā)現(xiàn)欠缺某功能，寫個(gè)腳本，或者到網(wǎng)上下載個(gè)腳本就可實(shí)現(xiàn)。
15、棋譜列表里的棋譜可方便的多選，按住Shift點(diǎn)鼠標(biāo)可以選擇連續(xù)的一批棋譜，按住Ctrl點(diǎn)鼠標(biāo)可跳躍選擇棋譜。
16、雙擊棋譜即可打開。
17、棋譜列表需要列出棋譜的哪些字段及寬度可到工具菜單的系統(tǒng)設(shè)置里調(diào)整。
三：搜索(可對(duì)大批量棋譜統(tǒng)計(jì)分析)
1、可按盤面，子力，開局，棋手，步數(shù)，注解內(nèi)容等搜索棋譜。還可設(shè)置各種約束條件。
2、搜索結(jié)果可累積，也可以從結(jié)果中再搜索棋譜。
3、靈活運(yùn)用操作步驟，可實(shí)現(xiàn)各條件同時(shí)成立或分別成立的搜索。
4、搜索結(jié)果可復(fù)制，刪除。
5、搜索結(jié)果可選擇性的合并到一局棋譜中。
6、搜索結(jié)果可預(yù)覽。
7、雙擊棋譜即可打開。
8、搜索的范圍可任意指定。
9、對(duì)盤面搜索結(jié)果有詳細(xì)的統(tǒng)計(jì)，包括勝率，和率，比重等。一個(gè)典型的應(yīng)用就是搜集大師的對(duì)局譜并對(duì)各種盤面進(jìn)行分析。
10、按住Ctrl鍵可多選變著列表，然后按搜索選中的變著盤面，常用于剔除偏門走法的棋譜。
11、搜索的速度非常快，支持多核CPU, 經(jīng)測(cè)試在100萬(wàn)局棋譜中搜索某盤面，在已載入索引的情況下，Q6600的4核電腦只需0.3秒。
1、下載軟件壓縮包文件，點(diǎn)擊“CCBridge.exe”即可運(yùn)行程序，選擇棋譜管理菜單，如下圖所示：
2、選中棋庫(kù)，點(diǎn)鼠標(biāo)右鍵，選擇建立棋庫(kù)
3、輸入棋庫(kù)名稱，再確定
4、回到動(dòng)態(tài)棋譜所在網(wǎng)頁(yè)，并點(diǎn)導(dǎo)出
5、得到下圖在箭頭所指代碼位置選擇全部代碼（可用快捷鍵Ctrl+A）選中全部代碼并復(fù)制。(選中的代碼變藍(lán)色)，如下圖所示：
6、回到象棋橋界面，選擇導(dǎo)入，在下拉菜單中選擇“東萍UBB”
7、網(wǎng)頁(yè)中的動(dòng)態(tài)棋譜導(dǎo)入象棋橋中了，可看圖中下箭頭所示。再點(diǎn)上箭頭中的保存按鈕，保存導(dǎo)入的棋譜。
8、點(diǎn)擊確定保存即可，下次使用，點(diǎn)擊棋譜管理，即可查看保存的棋譜，雙擊藍(lán)色部份就可看到保存的棋譜了。
所見所得，都很科學(xué)#為了讓更多棋友懂得如何在本站發(fā)布棋局，我花了些時(shí)間，寫了這篇教程，主要講解如何使用本站架設(shè)的動(dòng)態(tài)棋局系統(tǒng)制作動(dòng)態(tài)棋局，并把動(dòng)態(tài)棋局在本站發(fā)布。這篇教程圖文并茂，深入淺出，相信看過(guò)此篇教程的棋友會(huì)學(xué)會(huì)如何發(fā)布動(dòng)態(tài)棋局的。
具體步驟如下：（以象棋巫師和東萍象棋為例）
1.清空棋盤。隨便找一個(gè)帶有動(dòng)態(tài)棋局的頁(yè)面，或點(diǎn)擊此處進(jìn)入棋局制作頁(yè)面，在動(dòng)態(tài)棋局的右下角有個(gè)“導(dǎo)出”按鈕，點(diǎn)擊“導(dǎo)出”按鈕，如圖1，進(jìn)入代碼導(dǎo)出頁(yè)面，點(diǎn)擊“清空代碼”鏈接，如圖2，可清空左邊棋盤中的所有棋子，重新進(jìn)行擺棋。
圖1
圖2
2.擺棋。擺棋的時(shí)候，如果要把某個(gè)棋子擺在某個(gè)位置，應(yīng)先點(diǎn)擊動(dòng)態(tài)棋盤中的右下角的“添加棋子”處的棋子，表示選中了某個(gè)棋子，然后在棋盤的某處點(diǎn)擊一下，表示把該棋子放在棋盤的某處，以同樣的方法擺其它棋子，擺完后點(diǎn)擊動(dòng)態(tài)棋盤中的“將左側(cè)局面設(shè)為開始”的鏈接，如圖3。
圖3
3.走棋。走棋時(shí)應(yīng)先選中棋盤中要走的棋子，棋子被選中后周圍會(huì)呈淺綠色，然后在棋盤中要走的地方點(diǎn)擊一下，棋子會(huì)自動(dòng)移過(guò)去，同時(shí)中側(cè)的“棋譜序列”中會(huì)自動(dòng)顯示該步著法的記錄，如圖4。
圖4
4.糾正走錯(cuò)。如果走棋的時(shí)候不小心走錯(cuò)了，可以刪除走錯(cuò)的著法。刪除時(shí)應(yīng)先在中側(cè)的“棋譜序列”中選中走錯(cuò)的著法，然后點(diǎn)擊動(dòng)態(tài)棋盤右下角的“刪”字鏈接，如圖5所示。
圖5
5.添加注解。可以為任何一著添加注解說(shuō)明，添加注解時(shí)應(yīng)先在中側(cè)的“棋譜序列”中選中要添加的著法，之后在動(dòng)態(tài)棋盤的右側(cè)“注解”輸入框中輸入注解文字，完成后再點(diǎn)擊右上角的“修改注解”，注解添加成功后，中側(cè)“棋譜序列”中著法右側(cè)會(huì)顯示一個(gè)*號(hào)，即有*號(hào)的表示有注解，如圖6的詳細(xì)說(shuō)明。
圖6
6.增加變著。可以為每一著添加變著，添加變著時(shí)應(yīng)先在中側(cè)的“棋譜序列”中選中要添加變著的著法的上一著，然后在左側(cè)的棋盤中走變著，這時(shí)動(dòng)態(tài)棋盤的右下角“變著欄”會(huì)出現(xiàn)“點(diǎn)擊此處增加變著xx ”的鏈接，點(diǎn)擊該鏈接可成功增加變著，增加變著后中側(cè)的“棋譜序列”中該步著法的右側(cè)會(huì)出現(xiàn)個(gè)小寫字母m，即“棋譜序列”中右側(cè)帶m的著法表示有變著，如圖7。
圖7
7.復(fù)制代碼。按以上的方法擺好棋局并設(shè)置好著法，完成棋局后點(diǎn)擊動(dòng)態(tài)棋盤右下解的“導(dǎo)出按鈕”，如圖8所示。進(jìn)入代碼導(dǎo)出頁(yè)面，點(diǎn)擊右下角。
圖8
“復(fù)制代碼”欄的第三行“新浪網(wǎng)易”鏈接，則左上角“導(dǎo)入導(dǎo)出”欄中會(huì)自動(dòng)顯示可用于新浪網(wǎng)易博客的棋盤代碼，這些代碼同樣適用于本站，點(diǎn)擊“復(fù)制代碼”欄第一行的紅色的“復(fù)制代碼”鏈接，即可將代碼復(fù)制到剪貼板上，如圖9(即以<embed開始，以[/DhtmlXQFLASH]" />結(jié)束的所有代碼）。
圖9
注意：動(dòng)態(tài)棋局中可以導(dǎo)出適用于各類論壇、博客、網(wǎng)站的代碼，如UBB代碼（適用于支持UBB代碼的論壇）、frame代碼（適用于支持框架的論壇）、QQ空間代碼等，但經(jīng)過(guò)測(cè)試，本站只支持與新浪網(wǎng)易博客相類似的代碼，所以導(dǎo)出時(shí)務(wù)必導(dǎo)出第三行的第一個(gè)鏈接的“新浪網(wǎng)易”！
8.修改代碼。點(diǎn)擊本站任何頁(yè)面的右上角的“發(fā)布分享”鏈接，進(jìn)入本站發(fā)布主題頁(yè)面，切換為代碼模式，把上面提制下來(lái)的代碼粘貼到輸入框中，做一定的修改，如圖10，修改如下：
①把第二行的http://www.dpxq.com/（紅色部分，包括“/”）刪除，本站使用的棋盤程序是東萍象棋網(wǎng)開發(fā)的，由于站長(zhǎng)技術(shù)所限，導(dǎo)出代碼時(shí)顯示網(wǎng)址，如果不刪掉的話，動(dòng)態(tài)棋盤也能正常顯示，但不是使用本站的棋盤程序，而是使用了東萍的棋盤程序了，所以請(qǐng)記住務(wù)必刪掉。
②修改棋局的名稱，棋局的名稱默認(rèn)情況下是原使用的棋局的名稱，需要改成你自己的棋局的名稱，修改代碼[DhtmlXQ_title]和[/DhtmlXQ_title]之間的文字，例如[DhtmlXQ_title]您的棋局名稱[/DhtmlXQ_title]，請(qǐng)務(wù)必修改棋局名稱，因?yàn)榇嗣Q會(huì)出現(xiàn)在發(fā)表后的棋局的上方。
③其它的內(nèi)容如圖10用紅色下劃線標(biāo)出的部分，可修改也可不修改，這些內(nèi)容不會(huì)顯示于發(fā)表后的棋盤中，但建議還是修改。修改完后，動(dòng)態(tài)棋局的制作正式完成。
圖10
9.修改其它內(nèi)容。切換為設(shè)計(jì)模式，可以設(shè)計(jì)動(dòng)態(tài)的棋局以外的內(nèi)容，包括文字、圖片等，如圖11，設(shè)計(jì)界面有時(shí)不能正確顯示棋局，如有黑屏的話請(qǐng)不用理會(huì)，如果想看看棋局是否正確，可以進(jìn)行預(yù)覽界面預(yù)覽一下，如圖12。
圖11
圖12
10.發(fā)表。發(fā)表前應(yīng)先預(yù)覽一下，看看棋局有沒有問題，如圖12，如果沒問題的話，可以提交了！那么恭喜您了，您的棋局發(fā)布成功。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
