当鼠标移动到哪里，图片也移动到哪里

代码那点事ing

于 2017-07-03 20:30:03 发布

阅读量344

点赞数

分类专栏： javascript 文章标签： html5 javascript 鼠标移动图片

本文链接：https://blog.csdn.net/qq_36925731/article/details/74275836

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

当鼠标都用到哪里，图片也移动到哪里

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>图片随鼠标移动</title>
    <script type="text/javascript">
        //Divflying事件
        function Divflying() {
            
            var div = document.getElementById("dv1");
            if (!div) {
                return;
            }           
            var intX = window.event.clientX;
            var intY = window.event.clientY;
            div.style.left = intX + "px";
            div.style.top = intY + "px";
        }
        document.onmousemove = Divflying;
    </script>
</head>
<body>
    <div id="dv1" style="position:absolute;">
        <img src="image/crd.png" />
        低调的跟着鼠标飘过~~~
    </div>
</body>
</html>