JavaScript图标移动小案例

  

该图标在页面中可通过上下左右键位来移动位置。

想达到该效果很简易，分为两个步骤

一.

在html中放入图标，根据自己的喜好改变图标大小与圆角效果。

二.

先声明赋值两个数值。

再通过window.onkeydown键盘事件来执行该功能

在该事件中将浏览器兼容的值赋值给新声明即将用到的变量

再通过判断当敲击🔝键（键盘码38），

to = to-100；再赋值给图像的style.top

每点击一次，图标则会往上移动100个px

down↓ 则为+100 键盘码为40；

left←键盘码为39，right→键盘码为37；

与该图片上下移动一样 ，le = le+100为左边，le = le - 100 则为右边；