代码拉取完成,页面将自动刷新
同步操作将从 Albert/前端教学项目 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scale=no">
<title>Document</title>
<style>
body{
color:white;
background-color:#222;
}
.spot{
position:absolute;
width:70px;
height:70px;
border-radius:35px;
box-shadow:0px 0px 40px #fff;
background-color:#fff;
opacity:.7;
}
</style>
</head>
<body>
随着手指移动的小圆球
<script>
let spot=null;
document.addEventListener("touchstart",(event)=>{
event.preventDefault();
if(spot){
return;
}
spot=document.createElement('div');
spot.classList.add('spot');
spot.style.top=event.touches[0].pageY-35+"px";
spot.style.left=event.touches[0].pageX-35+"px";
document.body.appendChild(spot);
},false);
document.addEventListener("touchmove",(event)=>{
event.preventDefault;
if(spot){
spot.style.top=event.touches[0].pageY-35+"px";
spot.style.left=event.touches[0].pageX-35+"px";
}
},false);
document.addEventListener("touchend",(event)=>{
event.preventDefault();
if(spot){
document.body.removeChild(spot);
spot=null;
}
},false);
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。