鼠标移动到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` 方法。你可以在该方法中编写相应的逻辑。

第2个div初始隐藏，即visibility属性为hidden。当鼠标移到第1个div时显示第2个div；当鼠标移到第2个div时显示第2个div；鼠标移出第2个div时隐藏第2个div。

可以使用JavaScript来实现这个功能。首先需要获取到第1个和第2个div的元素，然后添加鼠标移入移出事件的监听器。当鼠标移入第1个div时，将第2个div的visibility属性设置为visible，当鼠标移入第2个div时，同样将第2个div的visibility属性设置为visible，当鼠标移出第2个div时，将第2个div的visibility属性设置为hidden。

以下是一个示例代码：

<div id="div1">第1个div</div>
<div id="div2" style="visibility: hidden;">第2个div</div>

<script>
  var div1 = document.getElementById("div1");
  var div2 = document.getElementById("div2");

  div1.addEventListener("mouseover", function() {
    div2.style.visibility = "visible";
  });

  div2.addEventListener("mouseover", function() {
    div2.style.visibility = "visible";
  });

  div2.addEventListener("mouseout", function() {
    div2.style.visibility = "hidden";
  });
</script>

当鼠标移入第1个div时，第2个div会显示出来；当鼠标移入第2个div时，第2个div也会一直显示；当鼠标移出第2个div时，第2个div会隐藏。