帮我利用js代码写一个鼠标移动特效代码
时间: 2023-08-20 15:14:53 浏览: 85
好的,以下是一个简单的鼠标移动特效代码,你可以在HTML文件中添加一个元素,如一个div,然后在JS中调用该元素来实现特效:
```js
const element = document.querySelector('div'); // 获取元素
document.addEventListener('mousemove', (e) => { // 监听鼠标移动事件
const x = e.clientX; // 获取鼠标相对于窗口的X坐标
const y = e.clientY; // 获取鼠标相对于窗口的Y坐标
element.style.transform = `translate(${x}px, ${y}px)`; // 移动元素
});
```
这段代码会监听整个文档的鼠标移动事件,当鼠标移动时,获取鼠标相对于窗口的坐标,并将元素移动到该位置。你可以根据自己的需求修改元素的选择器和移动方式。
阅读全文