鼠标滑过显示

鼠标滑过显示，移开隐藏

#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';
}