鼠标滑过显示,移开隐藏
#div1{
width: 80%;
height: 60px;
position: absolute;
top: 0;
background: transparent;
margin-left: 44px;
z-index: 9;
}
#div2{
width: 80%;
padding-left: auto;
padding-right: auto;
height: 60px;
position: absolute;
top: 0;
background: blue;
margin-left: 44px;
display: none;
z-index: 10;
border-radius: 7px;
}
<div id="div1" onmousemove="over()" onmouseout="out()"></div>
<div id="div2" onmousemove="over()" onmouseout="out()"></div>
function over(){
document.getElementById('div2').style.display='block';
}
function out(){
document.getElementById('div2').style.display='none';
}