【前端素材】小游戏-打地鼠游戏.zip资源-CSDN文库

共1个文件

html：1个

版权申诉

HTML

前端游戏

61 浏览量 2024-04-04 19:27:22 上传评论收藏 2KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【前端素材】小游戏-打地鼠游戏.zip （1个子文件）

打地鼠游戏

Catch-A-Mole.html 5KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1, minimum-scale=1" /> <meta name="format-detection" content="telephone=no"> <meta name="google-site-verification" content="i3bVXD3ywVilJt3b0Denbr2n41les3p8ciIldduw4X0" /> <title>Wanghao | Catch-A-Mole</title> <link rel="icon" type="image/x-icon" href="../favicon.ico"/> <link rel="stylesheet" href="https://leonidlebedev.github.io/css-games/catch-a-mole/styles.css"> </head> <body> <input type="checkbox" class="start" id="start-easy"> <input type="checkbox" class="start" id="start-medium"> <input type="checkbox" class="start" id="start-hard"> <input type="checkbox" class="start" id="start-ultra"> <div class="screen screen--start"> <h1>Catch-A-Mole</h1> <p>Choose your levelð®</p> <label for="start-easy" class="screen__text">easy</label> <label for="start-medium" class="screen__text">medium</label> <label for="start-hard" class="screen__text">hard</label> <label for="start-ultra" class="screen__text">ultra hard</label> </div> <div class="screen screen--finish"> <a href="" class="screen__text"> <div class="screen__wrapper"> Click for restartð® </div> </a> </div> <div class="game"> <div class="holes"> <div class="hole"> <div class="hole__up"></div> <input class="mole-input" type="radio" name="mole1" id="mole1"> <label class="mole mole--1" for="mole1"></label> <input class="mole-input" type="radio" name="mole2" id="mole2"> <label class="mole mole--2" for="mole2"></label> <div class="hole__down"></div> </div> <div class="hole"> <div class="hole__up"></div> <input class="mole-input" type="radio" name="mole3" id="mole3"> <label class="mole mole--3" for="mole3"></label> <input class="mole-input" type="radio" name="mole4" id="mole4"> <label class="mole mole--4" for="mole4"></label> <div class="hole__down"></div> </div> </div> <div class="holes"> <div class="hole"> <div class="hole__up"></div> <input class="mole-input" type="radio" name="mole5" id="mole5"> <label class="mole mole--5" for="mole5"></label> <input class="mole-input" type="radio" name="mole6" id="mole6"> <label class="mole mole--6" for="mole6"></label> <div class="hole__down"></div> </div> <div class="hole"> <div class="hole__up"></div> <input class="mole-input" type="radio" name="mole7" id="mole7"> <label class="mole mole--7" for="mole7"></label> <input class="mole-input" type="radio" name="mole8" id="mole8"> <label class="mole mole--8" for="mole8"></label> <div class="hole__down"></div> </div> </div> <div class="holes"> <div class="hole"> <div class="hole__up"></div> <input class="mole-input" type="radio" name="mole9" id="mole9"> <label class="mole mole--9" for="mole9"></label> <input class="mole-input" type="radio" name="mole10" id="mole10"> <label class="mole mole--10" for="mole10"></label> <div class="hole__down"></div> </div> <div class="hole"> <div class="hole__up"></div> <input class="mole-input" type="radio" name="mole11" id="mole11"> <label class="mole mole--11" for="mole11"></label> <input class="mole-input" type="radio" name="mole12" id="mole12"> <label class="mole mole--12" for="mole12"></label> <div class="hole__down"></div> </div> </div> <div class="score">  <div class="score__wrapper"> <div class="score__wrapper-points"> <input type="radio" name="mole1" class="score__radio" checked> <input type="radio" name="mole2" class="score__radio" checked> <input type="radio" name="mole3" class="score__radio" checked> <input type="radio" name="mole4" class="score__radio" checked> <input type="radio" name="mole5" class="score__radio" checked> <input type="radio" name="mole6" class="score__radio" checked> <input type="radio" name="mole7" class="score__radio" checked> <input type="radio" name="mole8" class="score__radio" checked> <input type="radio" name="mole9" class="score__radio" checked> <input type="radio" name="mole10" class="score__radio" checked> <input type="radio" name="mole11" class="score__radio" checked> <input type="radio" name="mole12" class="score__radio" checked> <div class="score__points"></div> </div> </div> </div> <div class="timer"> <div class="timer__progress"></div> </div> <div style="text-align:center;"> <p><a href="https://blog.csdn.net/qq_44273429" target="_blank">Wang Hao</a></p> </div> </div> </body> </html>

评论收藏

内容反馈

版权申诉