首先新建一个index.html的文件
html部分
<div id="ball"></div>
<div id="line"></div>
css部分
* {
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;
}
js部分
var ball = document.getElementById('ball');
document.onclick = function(e) {
ball.style.top = e.pageY + 'px';
ball.style.left = e.pageX + 'px';
ball.style.transition = 'left 0s, top 0s';