鼠标停显示提示框

 1、实现一个div悬浮到另一个div上。实例如下

#css
.div2{
    display:none;
    width:250px;
    height:70px;
    border-radius:10px;
    padding:20px;
    top:15px;
    left:80px;
    background-color:#2F4056;
}

#js
function show(){
    $(".div2").show;
}

function hide(){
    $(".div2").hide;
}

#html

<div id="div1"  mouseover="show()" mouseout="hide()" style="position:relative">鼠标悬浮</div>//父级
<div class="div2" style="position:absolute">悬浮内容</div>//子级

利用相对定位和绝对定位来实现，子级元素悬浮到父级上