JS小案例之甩不掉的跟屁虫

来源：懂视网责编：小采时间：2020-11-27 19:56:05

JS小案例之甩不掉的跟屁虫

JS小案例之甩不掉的跟屁虫:这篇文章主要介绍了JS小案例之甩不掉的跟屁虫 ,需要的朋友可以参考下根本鼠标的XY值，让元素移动<body> <img src="image/toux.ico" id="imgbug" alt="移动图片"></body>

推荐度：

点击下载本文 文档为doc格式

导读JS小案例之甩不掉的跟屁虫:这篇文章主要介绍了JS小案例之甩不掉的跟屁虫 ,需要的朋友可以参考下根本鼠标的XY值，让元素移动<body> <img src="image/toux.ico" id="imgbug" alt="移动图片"></body>

这篇文章主要介绍了JS小案例之甩不掉的跟屁虫 ,需要的朋友可以参考下

根本鼠标的XY值，让元素移动

<body>
 <img src="image/toux.ico" id="imgbug" alt="移动图片"></body>

<script type="text/javascript">
 window.onload = function () {
 var ima = document.getElementById("imgbug");
 ima.style.position = "absolute";//让图片绝对定位
 //注册鼠标的移动处理函数
 document.onmousemove = function () {
 //改变图片的坐标
 //获取鼠标的坐标
 var x = event.clientX;
 var y = event.clientY;
 ima.style.left = x-ima.offsetWidth+"px";
 ima.style.top = y - 76+"px";
 }
 }</script>

JS小案例之甩不掉的跟屁虫

推荐度：

点击下载本文 文档为doc格式

标签： js 案例甩不掉

热门焦点

JS小案例之甩不掉的跟屁虫

JS小案例之甩不掉的跟屁虫

JS小案例之甩不掉的跟屁虫

最新推荐

猜你喜欢

热门推荐