侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130557 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

javascript div跟随鼠标移动

2024-05-15 星期三 / 0 评论 / 0 点赞 / 23 阅读 / 1031 字

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style>

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <style>        #div1{            width: 100px;            height: 100px;            background-color:darkseagreen;            border-radius: 20px;            position: absolute;        }    </style>    <script>        window.onload=function(){            var oDiv = document.getElementById("div1");            var i = 0;            document.onmousemove=function(ev){                var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;                var ev = ev||event;                oDiv.style.left = ev.clientX + 'px';                oDiv.style.top = ev.clientY + scrollTop +'px';            }        }    </script></head><body>    <div id="div1">    </div></body></html>

绿色的div会跟随鼠标移动,并且不受滚动条的影响

广告 广告

评论区