演示网站 青蛙吃苍蝇小游戏
编写代码
</style> <script src="js/prefixfree.min.js"></script> </head> <body> <div class="environment"> <div class="sky"></div> <div class="stars"></div> <div class="sun"></div> <div class="moon"></div> <div class="mountains"> <div class="mountain"> <div class="trees"> <div class="tree"></div> <div class="tree tree--2"></div> <div class="tree tree--3"></div> <div class="tree tree--4"></div> </div> </div> <div class="mountain mountain--2"></div> </div> <div class="water"></div> <div class="lily lilly-1"></div> </div> <div class="player"> <div class="legs"> <div class="leg leg--left"> </div> <div class="leg leg--right"> </div> </div> <div class="body"> <div class="crown"></div> <div class="belly"></div> <div class="arms"> <div class="arm arm--left"> <div class="hand"> <div class="toe"></div> <div class="toe"></div> <div class="toe"></div> </div> </div> <div class="arm arm--right"> <div class="hand"> <div class="toe"></div> <div class="toe"></div> <div class="toe"></div> </div> </div> </div> <div class="mouth"> <div class="top-lip"></div> <div class="bottom-lip"></div> <div class="tongue"> <div class="tongue-inner"> <div class="fly is-dead"></div> </div> </div> </div> <div class="eyes"> <div class="eye eye--left"> <div class="pupil"></div> </div> <div class="eye eye--right"> <div class="pupil"></div> </div> </div> </div> </div> <div class="screen menu"> <h1>青蛙吃苍蝇</h1> <a href="#" class="btn play" onClick="play()"> <span class="text">开始游戏</span> <br> <span>最好成绩: <span class="js-best">0</span></span> </a> <a href="#" class="btn" onClick="settings()">游戏设置</a> </div> <div class="screen game"> <div class="hud"> <div class="time"> <span class="label">时间</span> <span class="value js-time">30</span> </div> <div class="score"> <span class="label">分数</span> <span class="value js-score">0</span> </div> </div> <div class="flies"> <div class="path"> <div class="target"> <div class="fly"></div> </div> </div> <div class="path"> <div class="target"> <div class="fly"></div> </div> </div> <div class="path"> <div class="target"> <div class="fly"></div> </div> </div> <div class="path"> <div class="target"> <div class="fly"></div> </div> </div> <div class="path"> <div class="target"> <div class="fly"></div> </div> </div> <div class="path"> <div class="target"> <div class="fly"></div> </div> </div> </div> </div> <div class="screen win"> <h1>完成</h1> <div class="card"> <h3 class="highscore js-highscore is-hidden">新高分！</h3> <div class="score"> <span class="label">分数</span> <span class="value js-score">30</span> </div> <div class="best"> <span class="label">最好成绩</span> <span class="value js-best">0</span> </div> </div> <a href="#" class="btn" onClick="play()">再玩一次</a> <a href="#" class="btn btn--clear" onClick="menu()">返回菜单</a> </div> <div class="screen settings"> <h1>设置</h1> <div class="card"> <label class="checkbox"> <input type="radio" name="theme" value="light" checked onClick="toggleTheme(this.value)"> <span>白天</span> </label> <label class="checkbox"> <input type="radio" name="theme" value="dark" onClick="toggleTheme(this.value)"> <span>晚上</span> </label> </div> <a href="#" class="btn js-toggle-music" onClick="toggleMusic()">打开音乐</a> <a href="#" class="btn" onClick="menu()">返回</a> </div> <div class="screen scoreboard"> <h1>记分牌</h1> <div class="card"> <ol class="scoreboard-list js-scoreboard"></ol> </div> <a href="#" class="btn" onClick="menu()">返回</a> </div> <audio id="music" src="zzsc.mp3"></audio> <script src="js/index.js"></script> </body> </html>
注册免费下载
抱歉，隐藏内容须成功 评论本文 后刷新可见！
