图像跟随光标或随光标移动而旋转

Question

im试图找到一种方法来移动图像或跟随鼠标光标。基本上，我有一个放射状的馅饼菜单，我希望它中间的图像，随着鼠标移动而旋转。

你知道我该怎么做吗？

感谢您的帮助！！！

Answer 1

首先，您可以做的是使图像或元素跟随光标到达的绝对位置

#image {
position:absolute;
}

然后，您可以使用mousemove事件将图像的左侧和顶部位置设置为等于光标位置jquery 示例

$(document).mousemove(function(e){
$("#image").css({left:e.pageX, top:e.pageY});
});

或者你可以用普通的JavaScript

document.addEventListener('mousemove', function(e) {
let body = document.querySelector('body');
let image = document.getElementById('image');
let left = e.offsetX;
let top = e.offsetY;
image.style.left = left + 'px';
image.style.top = top + 'px';
});

希望我的回答能对你有所帮助。