鼠标移动到div变成小手

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

div {
  cursor: pointer;
}

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

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

希望能够帮助到您！

相关问题

div 鼠标经过变成手

在HTML和CSS中，如果你想让`<div>`元素在鼠标悬停时显示为手指图标（通常代表“点击”或“互动”），可以使用伪类`:hover`结合背景图像。首先，你需要在`<div>`上添加一个鼠标悬停样式，通常是改变背景图片，如下所示：

<div class="hover-hand" style="cursor: pointer;">
    <!-- 元素内容 -->
</div>

然后，在CSS中定义`.hover-hand`类的`:hover`状态，展示手形图标或者改变背景图像：

.hover-hand {
    background-image: url('默认背景图.jpg'); /* 或者无背景图，直接设置cursor: pointer;*/
    cursor: default; /* 设置初始状态的光标 */
}

.hover-hand:hover {
    background-image: url('hand-icon.png'); /* 更换为手形图标作为背景 */
}

这里假设你有两个CSS背景图片，一个是默认的，另一个是手形图标。当鼠标悬停在`<div>`上时，背景会切换到手形图标。

vue鼠标移开div事件

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

例如：

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

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

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