怎么写屏幕跟着鼠标移动
时间: 2023-10-13 21:17:36 浏览: 44
您好!关于您的问题,您可以使用JavaScript代码来实现屏幕跟着鼠标移动。具体代码如下:
```
<!DOCTYPE html>
<html>
<head>
<title>Screen Follow Mouse</title>
<meta charset="utf-8">
<style type="text/css">
body {
margin: 0;
padding: 0;
overflow: hidden;
}
#screen {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #333;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 100vh;
user-select: none;
cursor: none;
}
</style>
</head>
<body>
<div id="screen">Screen Follow Mouse</div>
<script type="text/javascript">
document.addEventListener('mousemove', function(event) {
var screen = document.getElementById('screen');
var mousePosX = event.clientX;
var mousePosY = event.clientY;
screen.style.transform = 'translate(' + mousePosX + 'px,' + mousePosY + 'px)';
});
</script>
</body>
</html>
```
这段代码可以创建一个全屏的屏幕,并让它跟随鼠标移动。当鼠标移动时,JavaScript代码通过获取鼠标位置,并将屏幕的位置进行相应的变换来实现屏幕跟随鼠标移动。同时,代码还设置了一些样式,如让屏幕背景色为黑色,文字为白色,并且禁止选取屏幕内容和隐藏鼠标指针。
希望这个答案能够帮助您解决问题!