一如既往的給力，今天 又是一個(gè)小游戲，但是咋只是說(shuō)類似打地鼠唇兑，實(shí)際是啥呢,哈哈酒朵，前幾天陪著侄兒子看了幾節(jié)喜羊羊與灰太狼，今天就給大家做一個(gè)打灰太狼的小游戲吧扎附，我侄兒子還玩的不亦樂(lè)乎呢蔫耽。這游戲我之前看過(guò)4399上的源碼，自己也模仿了一個(gè)留夜，希望大家喜歡吧匙铡。
1. 簡(jiǎn)介
鍋打灰太狼是一款老少通吃，男女皆宜的益智游戲碍粥，哈哈鳖眼！
2. 思路
把靜態(tài)頁(yè)面做出來(lái)
找到每個(gè)洞穴
隨機(jī)出現(xiàn)灰太狼和小灰灰讓它們隨機(jī)從洞穴出現(xiàn)
點(diǎn)擊事件：打灰太狼加分，打小灰灰減分
添加時(shí)間嚼摩，時(shí)間到了停止游戲
最終結(jié)果
3. 代碼實(shí)現(xiàn)
3.1 靜態(tài)頁(yè)面
HTML結(jié)構(gòu)
CSS樣式
效果圖如下：
項(xiàng)目全部源碼已經(jīng)放在了群文件了上钦讳，感興趣的可以認(rèn)真看下源碼，直接
加html5群：250777811
3.2 找到洞穴
3.3 隨機(jī)出現(xiàn)灰太狼和小灰灰讓它們隨機(jī)從洞穴出現(xiàn)
3.4 點(diǎn)擊事件：打灰太狼加分枕面，打小灰灰減分
效果圖如下：
如果想要更多的企業(yè)求職加分項(xiàng)目蜂厅，案例，可以來(lái)一下我的前端群250777811膊畴，每天都會(huì)精挑細(xì)選一個(gè)特效，項(xiàng)目出來(lái)詳細(xì)講解病游，分享
3.5 添加時(shí)間
3.6 最終結(jié)果
效果圖如下
4. 結(jié)束語(yǔ)
學(xué)習(xí)javascript也是有門(mén)檻的唇跨，就是你的html和css至少還比較熟練，您不能連html這東東是干啥的都不知道就開(kāi)始學(xué)javascript了衬衬，學(xué)乘除前买猖，學(xué)好加減法總是有益無(wú)害的。javascript運(yùn)用靈活后滋尉，寫(xiě)寫(xiě)游戲還是很有意思的玉控。
再說(shuō)幾點(diǎn)建議：
不要急著看一些復(fù)雜的javascript網(wǎng)頁(yè)特效的代碼，這樣除了打擊你的自信心狮惜，什么也學(xué)不到
看網(wǎng)上什么幾天精通javascript的高诺，直接跳過(guò)吧，沒(méi)戲
如果想看到更加系統(tǒng)的文章和學(xué)習(xí)方法經(jīng)驗(yàn)可以關(guān)注的微信號(hào)：‘web前端EDU’或者‘webxh5’關(guān)注后回復(fù)‘2017’可以領(lǐng)取一套完整的學(xué)習(xí)視頻
