第2个div初始隐藏,即visibility属性为hidden。当鼠标移到第1个div时显示第2个div;当鼠标移到第2个div时显示第2个div;鼠标移出第2个div时隐藏第2个div。
时间: 2024-01-24 18:17:21 浏览: 73
可以使用JavaScript来实现这个功能。首先需要获取到第1个和第2个div的元素,然后添加鼠标移入移出事件的监听器。当鼠标移入第1个div时,将第2个div的visibility属性设置为visible,当鼠标移入第2个div时,同样将第2个div的visibility属性设置为visible,当鼠标移出第2个div时,将第2个div的visibility属性设置为hidden。
以下是一个示例代码:
```html
<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会隐藏。
阅读全文