建站
咨詢
售后
建站咨詢
新聞中心
好幾天沒有更新自己的博客了，這段時(shí)間，作業(yè)比較多，試驗(yàn)報(bào)告比較多，老師要寫紙質(zhì)試驗(yàn)報(bào)告，還要電子檔，考試不按照她上課講的思路那就得不到幾分。。。她這觀點(diǎn)一出來，我就傻了，不能有自己的見解了。。。廢話就到這里，小小抱怨一下，o(∩_∩)o
濱城網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,濱城網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為濱城成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請找那個(gè)售后服務(wù)好的濱城做網(wǎng)站的公司定做！
下面進(jìn)入正題，這幾天忙著做了一個(gè)JavaScript的紙牌。與Windows的紙牌相似，
規(guī)則如下：
1.有3個(gè)疊牌區(qū)域和4種牌，左上角疊牌區(qū)，右上角整理區(qū)，和中間的層疊區(qū)。
2.層疊區(qū)有兩種牌，掀開的紙牌和沒有掀開的紙牌。
3.游戲的目的是將所有牌放入右上角的整理區(qū)（將層疊區(qū)的暗牌全部掀開）。
4.左上角的疊牌區(qū)域可以選擇每次翻一張牌和翻三張牌。如果翻三張牌，只能移動(dòng)翻開的三張中最上面的那一張。所以翻三張難度較大。
5.中間疊牌區(qū)域移動(dòng)規(guī)則是：只有一張牌在順序上是翻開紙牌最上面的那一張的下一張并且顏色不同，才可以移動(dòng)。順序是K,Q,J,10,9,8,7,6,5,4,3,2,A。
6.右上角的整理區(qū)移動(dòng)規(guī)則是：只有一張牌在順序上是最上面的那一張的上一張并且花色相同，才可以移動(dòng)。順序是A,2,3,4,5,6,7,8,9,10,J,Q,K。
7.最終將所有的牌移動(dòng)到右上角算贏（只要將所有的紙牌都翻開后很容易就移到右上角）。
下面看具體的效果：點(diǎn)擊查看
說明：由于IE內(nèi)核的瀏覽器（包括IE9，除了IE10）對CSS3支持的并不是很好，所以建議使用IE10（當(dāng)然除非你跟我一樣有Windows8啰，呵呵）或者其他非IE內(nèi)核的瀏覽器，比如Chrome/FireFox/Opera/Safari.
下面是測試的截圖：
Windows8+IE10測試
Windows8+IE10測試
Windows8+IE10測試
Windows7+Chrome測試
Windows7+Chrome測試
Windows7+Chrome測試
網(wǎng)頁題目：JavaScript+CSS3寫的Web版紙牌
鏈接地址：http://www.fisionsoft.com.cn/article/djjiopo.html
