功能
图片会跟随鼠标一起移动
基本思路
先通过document.addEventListener('mousemove', function(){})获取到鼠标的位置,该两个属性分别给图片定位的坐标
![](https://img.haomeiwen.com/i23455985/efa54e1c897aeb09.png)
html框架
![](https://img.haomeiwen.com/i23455985/478fa4e06b7b397d.png)
JavaScript框架
![](https://img.haomeiwen.com/i23455985/067d3cf17e0f7cb7.png)
补充事件监听容易迷惑的的知识点
执行顺序:keydown ------->onkeypress --------->信息输进去------->onkeyup
onkeyup 某个按键被松开时触发(随意一个按键&&不区分大小写)
onkeydown 某个按键被按下时触发(随意一个按键&&不区分大小写)执行顺序 : 键盘按下---->绑定keydown事件触发------>按键信息输入进去
onkeypress 某个按键被按下时触发(不识别功能键&&区分大小写,例如 ctrl shift) 键盘按下---->绑定keydown事件触发------>按键信息输入进去
icon图标制作
![](https://img.haomeiwen.com/i23455985/b1c759e8e2a40eea.png)
通过第三方创建.con的图标
![](https://img.haomeiwen.com/i23455985/dbef4a5afd4b26f5.png)
传到自己的项目里,在head里用link引入
![](https://img.haomeiwen.com/i23455985/9d66883b35f53f64.png)
结束
网友评论