新建一个ball.html名的文件 css部分
<style>
* {
padding: 0;
margin: 0;
}
html,body {
width: 100%;
height: 100%;
}
#ball {
display: none;
width:10px;
height:10px;
background: red;
border-radius: 50%;
position: fixed;
}
#line{
height:100vh;
width:1px;
background:#000;
position:absolute;
left:500px;
}
</style>
html部分
<div id="ball"></div>
<div id="line"></div>
js部分
<script>
var ball = document.getElementById('ball');
document.onclick = function(e) {
ball.style.top = e.pageY + 'px';
ball.style.left = e.pageX + 'px';
ball.style