前端js——金山打字通小游戏(屏幕随机下落字母,获取键盘按键)

字母匀速随机下落,键盘按下对应字母按键,字母消失重新生成新字母,新字母可帮助回调一部分初始高度

效果

在这里插入图片描述

1.页面内容

列表内放字母

<ul id="box">
	    	<li></li>
			<li>A</li>
		</ul>

**

2.页面样式

**
1)清除li园标
2)确定列表位置,为字母随机位置下降准备

*{
				padding: 0;
				margin: 0;
			}
			#box li{
				list-style: none;
				font-size: 100px;
			}
			/*确定位置便于下降*/
			#box{
				position: absolute;
				top: 0;
				left: 0;
			}

3.判断按的按键

1、键盘按键按下事件

 window.onkeydown=function(e){  }

2、获得兼容性对象

var ev=window.event||e;

3.获得按下的键盘码并转换为对应按键

var key=String.f
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值