js鼠标悬浮图片位置

可以使用CSS中的:hover伪类和position属性来实现鼠标悬浮图片位置的变化。具体步骤如下：

1. 在HTML中添加一个图片元素：

<img src="your-image-url" class="hover-image">

2. 在CSS中设置图片元素的初始位置和样式：

.hover-image {
  position: relative;
  top: 0;
  left: 0;
  /* 其他样式 */
}

3. 使用:hover伪类和position属性来设置鼠标悬浮时图片的位置：

.hover-image:hover {
  position: relative;
  top: -10px; /* 向上移动10像素 */
  left: 10px; /* 向右移动10像素 */
}

这样就可以实现鼠标悬浮图片位置的变化了。你可以根据需要调整top和left的值来控制图片的移动方向和距离。