js鼠标移动到图片上图片改变,js图片跟着鼠标走

　　这里列举了两种实现方法：

　　第一种

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题/标题

　　style type=text/css

　　img{

　　位置：固定；

　　左：0px

　　top:0px；

　　}

　　/风格

　　/头

　　身体

　　img src=icon_2.png

　　脚本类型=文本/javascript

　　var img=文档。查询选择器(“img”)；

　　//mousemove鼠标移动事件

　　文档。addevent侦听器( mousemove ，函数(e){

　　var pagex=e . pagex-20 px ；

　　var pagey=e . pagey-20 px ；

　　//console.log(pagex，pagey)；

　　img。风格。left=pagex

　　img。风格。top=pagey

　　})

　　/脚本

　　/body

　　/html

　　第二种

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题/标题

　　style type=text/css

　　img{

　　位置：绝对；

　　宽度：80px

　　}

　　/风格

　　/头

　　身体

　　img src=皮影jpg id=img

　　脚本类型=文本/javascript

　　窗户。onmousemove=function(e){

　　var x=e.pageX

　　var y=e.pageY

　　img。风格。left=x px

　　img。风格。top=y px

　　}

　　/脚本

　　/body

　　/html相关推荐：【JavaScript视频教程】以上就是射流研究…实现图片跟随鼠标移动的两种方法的详细内容，更多请关注我们其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。