演示网站 jQuery H5打地鼠类小游戏
编写代码
</head> <body> <div class="gameHideBg"></div> <div class="gameRule"> <img class="ruleImage" src="Img/gz_bg.png" /> <img id="closeRule" src="Img/close.png" /> </div> <div class="gameIndex"> <img class="btnImage startBtn" src="Img/ks.png" /> <img class="btnImage ruleBtn" src="Img/gz.png" /> </div> <div class="gamePlay"> <div class="timeRun">30</div> <div class="scoreDiv">得分:<span id="textScore">0</span></div> <div class="gameContent"> <ul class="mouseUl"> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> <li class="mouseLi"> <div class="theMouseDiv"></div><img class="hammer" src="Img/hammer.png" /><span class="socreDetail"></span> </li> </ul> </div> <div class="gameResult"> <span class="resultTitle"></span> <span class="resultScoreText">你的成绩:<span class="reslutScore"></span>分</span> <span class="reslutText">很遗憾，成绩要达到80分以上才能抽奖，请继续努力哦！</span> <div class="resultBtn failBtn">再来一次</div> <div class="resultBtn successBtn">点击开奖</div> <img class="resultImage" src="Img/gameresult.png" /> <img id="closeResult" src="Img/close.png" /> </div> <div class="overShow"> <img class="btnImage againBtn" src="Img/playagain.png" /> <img class="btnImage recordBtn" src="Img/prizerecord.png" /> </div> <div class="prizeResult"> <img class="prizeImage" src="Img/prize1.png" /> <img id="closePrize" src="Img/close.png" /> </div> </div> <div id="musicDiv"> <audio src="mp3/game.mp3" id="gameMusic"></audio> <audio src="mp3/gameOver.mp3" id="gameOver"></audio> <audio src="mp3/gameSuccess.mp3" id="gameSuccess"></audio> <audio src="mp3/fight.mp3" id="fight"></audio> </div> </body>
注册免费下载
抱歉，隐藏内容须成功 评论本文 后刷新可见！
