直入正題，用JS實現(xiàn)一個簡單的打地鼠游戲

因為功能比較簡單就直接裸奔JS了，先看看效果圖，或者 在線玩玩 吧 

電腦培訓(xùn),計算機(jī)培訓(xùn),平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

如果點(diǎn)擊顏色比較深的那個（俗稱壞老鼠），將扣分50；如果點(diǎn)擊顏色比較淺的那個（俗稱好老鼠），將得分100

 

實現(xiàn)

老鼠好像有點(diǎn)難畫，又不想用圖片，就直接用CSS畫個簡單的圖代表老鼠和坑吧

html結(jié)構(gòu)

挺簡單，用9個 li 標(biāo)簽代表坑，用9個 div 標(biāo)簽代表老鼠

電腦培訓(xùn),計算機(jī)培訓(xùn),平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

　　<div class="container">
        <h4>無聊打打地鼠</h4>

        <div class="game-top">
            <p><input type="button" value="開始游戲" id="game-start"><p>
            <p>得分：<span id="game-score">0</span></p>
            <p>剩余時間
        
		

        		
網(wǎng)友評論