javascript#js#利用键盘控制盒子/图片移动(定时器setInterval()和键盘onkeydown()的应用)

键盘上下左右控制图片移动

思路:

         为了避免物体移动时,第一下和第二下之间的间隔卡顿,将控制物体移动的速度和方向分开

         方向:用 setInterval()函数包含switch语句,setInterval()函数每隔一段时间检查该执行哪一个,避免停顿

         速度:用onkeydown()函数,利用ctrlkey属性,每按下一次ctrl则会加速一次

         注意:图片盒子记得设置 position:absolution;否则不能成功

 

 

javascript#js#利用键盘控制盒子/图片移动(定时器setInterval()和键盘onkeydown()的应用)_第1张图片




    
    
    Document
    
    


    

 

你可能感兴趣的:(javascript,javascript,css,html)