分类：js金山打字

2020
10-08

js实现金山打字通小游戏

本文实例为大家分享了js实现金山打字通小游戏的具体代码，供大家参考，具体内容如下字母匀速随机下落，键盘按下对应字母按键，字母消失重新生成新字母，新字母可帮助回调一部分初始高度效果1.页面内容列表内放字母<ulid="box"><li></li><li>A</li></ul>**2.页面样式**1）清除li园标2）确定列表位置，为字母随机位置下降准备*{padding:0;margin:0;}#boxli{list-style:none;font-size:100px;}/*确定位置便于下降*/... 继续阅读 >

2020
09-24

原生js实现的金山打字小游戏（实例代码详解）

首先先来看一下效果图如果感兴趣的就来看一下Js源码吧//计分板varboard={dom:document.getElementById("score"),maxLost:3,//最大丢失量lost:0,//当前丢失了多少个score:0,//当前分数render:function(){//显示this.dom.innerHTML="<p>得分："+this.score+"</p><p>丢失："+this.lost+"/"+this.maxLost+"</p>";},//增加一个丢失数addLost:function(){if(this.lost===this.maxLos... 继续阅读 >