div mouseover上升 mouseout下降

在Web开发中，`div`元素的`mouseover`和`mouseout`事件是用来响应鼠标悬停和移出该元素的操作的。当鼠标指针移动到`div`元素上时，会触发`mouseover`事件，而当鼠标指针离开`div`元素时，会触发`mouseout`事件。

这两个事件常用于实现界面元素的交互效果，比如改变元素的样式、显示或隐藏提示信息、触发下拉菜单等。在JavaScript或使用其他前端框架时，可以通过编写事件处理函数来指定当这些事件发生时应执行的操作。

例如，在原生JavaScript中，可以这样使用：

document.getElementById('myDiv').addEventListener('mouseover', function() {
  this.style.backgroundColor = 'blue'; // 鼠标悬停时改变背景色
});

document.getElementById('myDiv').addEventListener('mouseout', function() {
  this.style.backgroundColor = 'transparent'; // 鼠标移出时恢复背景色
});

这段代码会给id为`myDiv`的`div`元素添加两个事件监听器，一个用于`mouseover`事件，当鼠标悬停时背景变为蓝色；另一个用于`mouseout`事件，当鼠标移出后背景恢复透明。