2020-11-23图片跟随鼠标练习&&icon制作

功能  

图片会跟随鼠标一起移动

基本思路

先通过document.addEventListener( mousemove , function(){})获取到鼠标的位置,该两个属性分别给图片定位的坐标

2020-11-23图片跟随鼠标练习&&icon制作

html框架

2020-11-23图片跟随鼠标练习&&icon制作

JavaScript框架

2020-11-23图片跟随鼠标练习&&icon制作

补充事件监听容易迷惑的的知识点

执行顺序:keydown ——->onkeypress ———>信息输进去——->onkeyup

onkeyup            某个按键被松开时触发(随意一个按键&&不区分大小写)

onkeydown       某个按键被按下时触发(随意一个按键&&不区分大小写)执行顺序 :     键盘按下—->绑定keydown事件触发——>按键信息输入进去

onkeypress        某个按键被按下时触发(不识别功能键&&区分大小写,例如 ctrl  shift)     键盘按下—->绑定keydown事件触发——>按键信息输入进去

icon图标制作

2020-11-23图片跟随鼠标练习&&icon制作

通过第三方创建.con的图标

比特虫(http://www.bitbug.net/)

2020-11-23图片跟随鼠标练习&&icon制作

传到自己的项目里,在head里用link引入

2020-11-23图片跟随鼠标练习&&icon制作

结束

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容