编写脚本实现,在网页点击,小球会自动移动到鼠标处 批注 2021-05-26 074841.jpg
你是上传了一个图片吗?这边看不到。
你可以在js监听鼠标单击事件,当鼠标单击之后获取鼠标在网页上的坐标,然后修改小球的位置就可以了。
代码如下:{如果对你有帮助,可以点击我这个回答右上方的【采纳】按钮,给我个采纳吗,谢谢}。
<!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>
对
您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632