鼠标移动到div变成小手

您可以使用CSS中的cursor属性来实现这个效果。具体来说，您可以将div的样式设置为：

div {
  cursor: pointer;
}

当鼠标移动到该div上时，光标将变为小手形状。当然，您可以根据自己的需求选择不同的光标形状，例如：

div {
  cursor: crosshair; /* 十字线 */
  cursor: help; /* 帮助 */
  cursor: move; /* 移动 */
  cursor: not-allowed; /* 禁止 */
  cursor: progress; /* 进度 */
  cursor: text; /* 文本 */
  cursor: wait; /* 等待 */
}

希望能够帮助到您！

相关问题

vue鼠标移开div事件

你可以使用 `@mouseleave` 或 `v-on:mouseleave` 属性来绑定鼠标移开 div 元素的事件。

例如：

<template>
  <div @mouseleave="handleMouseLeave">鼠标移开我</div>
</template>

<script>
export default {
  methods: {
    handleMouseLeave() {
      console.log('鼠标移开了 div 元素')
    }
  }
}
</script>

这样当鼠标移开 div 元素时，就会触发 `handleMouseLeave` 方法。你可以在该方法中编写相应的逻辑。

鼠标移入div放大指针部分图片

您可以使用CSS的:hover伪类和transform属性来实现鼠标移入div放大指针部分图片的效果。以下是一个示例代码：

HTML代码：

<div class="container">
  <img src="image.jpg" alt="Image">
</div>

CSS代码：

.container {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}

.container:hover img {
  transform: scale(1.2);
  transform-origin: 50% 50%;
}

在上面的代码中，我们使用了一个容器div来包含图片。容器设置了一个固定的宽度和高度，并使用overflow:hidden属性来隐藏图片超出容器的部分。图片使用了绝对定位，覆盖在容器的顶部。然后，我们使用transform属性和:hover伪类来为图片添加放大效果。当鼠标悬停在容器上时，图片将以50%的缩放中心点放大1.2倍，过渡效果设置为0.5秒。