一个按钮鼠标移动到上面是 div显示出来 移走时div隐藏用代码实现一下

好的，这是一个简单的示例代码：

<button id="myButton" onmouseover="showDiv()" onmouseout="hideDiv()">按钮</button>

<div id="myDiv" style="display:none;">这是一个div</div>

<script>
function showDiv() {
  document.getElementById("myDiv").style.display = "block";
}

function hideDiv() {
  document.getElementById("myDiv").style.display = "none";
}
</script>

当鼠标移动到按钮上时，调用showDiv()函数显示div；当鼠标移开按钮时，调用hideDiv()函数隐藏div。

相关问题

jQuery事件-div的显示隐藏及鼠标的移入移出

好的，我可以帮你解答这个问题。要实现div的显示隐藏及鼠标的移入移出，可以使用jQuery的事件绑定和操作DOM元素的方法。以下是一个简单的示例代码：

HTML代码：

<div id="myDiv">这是一个div</div>

CSS代码：

#myDiv {
  display: none;
  width: 200px;
  height: 200px;
  background-color: gray;
}

jQuery代码：

$(document).ready(function() {
  // 鼠标移入事件
  $('#myDiv').mouseenter(function() {
    $(this).css('background-color', 'red');
  });

  // 鼠标移出事件
  $('#myDiv').mouseleave(function() {
    $(this).css('background-color', 'gray');
  });

  // 按钮点击事件
  $('#myBtn').click(function() {
    // 切换div的显示和隐藏
    $('#myDiv').toggle();
  });
});

解释一下这段代码的逻辑：

1. 鼠标移入事件：当鼠标移入div元素时，将其背景色改为红色。

2. 鼠标移出事件：当鼠标移出div元素时，将其背景色改为灰色。

3. 按钮点击事件：当按钮被点击时，切换div元素的显示和隐藏状态。

其中，`mouseenter`、`mouseleave`和`click`都是jQuery的事件绑定方法，`toggle`是操作DOM元素的方法，用于切换元素的显示和隐藏状态。

希望这个示例能够帮到你，如果还有其他问题，请随时提出。