qq_40289885
qq_40289885
2021-05-26 20:23
采纳率: 0%
浏览 25

编写脚本实现,在网页点击,小球会自动移动到鼠标处 批注 2021-05-26 074841.jpg

编写脚本实现,在网页点击,小球会自动移动到鼠标处 批注 2021-05-26 074841.jpg

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • technologist_45
    CSDN专家-林老师 2021-05-26 20:25

    你是上传了一个图片吗?这边看不到。

    你可以在js监听鼠标单击事件,当鼠标单击之后获取鼠标在网页上的坐标,然后修改小球的位置就可以了。

    点赞 评论
  • technologist_16

    代码如下:{如果对你有帮助,可以点击我这个回答右上方的【采纳】按钮,给我个采纳吗,谢谢}。

    <!doctype html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    	<title> 页面名称 </title>
    <style type="text/css">
    #box {
    	position: absolute;
    	left: 50px;
    	top: 50px;
    }
    </style>
    </head>
    <body>
    <img id="box" src="2021-05-26 074841.jpg" width="50" height="50" alt="" />
    <script type="text/javascript">
    document.onclick = function (e) {
    	var e = e || window.event;
    	var x = e.clientX;
    	var y = e.clientY;
    	var obj = document.getElementById("box");
    	obj.style.left = x +"px";
    	obj.style.top = y +"px";
    }
    </script>
    </body>
    </html>
    点赞 评论
  • qq_40289885
    qq_40289885 2021-05-26 20:38

    点赞 评论
  • QA_Assistant
    有问必答小助手 2021-05-27 10:42

    您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

    点赞 评论

相关推荐