一个div如何随着鼠标的移动而移动详解编程语言

<!DOCTYPE html>

<html>

<head>

    <meta charset=”UTF-8″>

    <title>Title</title>

    <script>

        function getXy1(event) {

            var flow = document.getElementById(“flow”);

            flow.style.left = event.clientX  + 5 +”px”;

            flow.style.top  = event.clientY  + 5 + “px”;

            flow.innerHTML=”<h6>”+event.clientX+”:”+event.clientY+”</h6>”;

        }

    </script>

</head>

//注意这里用的方法  onmousemove;body里边设置了一个样式

<body onmousemove=”getXy1(event)”style=”height: 1000px”>

<div id=”flow” style=”width: 80px;height: 50px;position:absolute”></div>

</body>

</html>

一个div如何随着鼠标的移动而移动详解编程语言

转载请注明来源网站:blog.ytso.com谢谢!

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/14999.html

(0)
上一篇 2021年7月19日 17:25
下一篇 2021年7月19日 17:25

相关推荐

发表回复

登录后才能评论