jquery，怎么解决hover事件有子标签造成闪动和执行onmouseout事件

jqueryjavascript

解决方案 »

  1.   

    看了半天，原来是  <a>  搞了个重新加载页面。
    用这效果不累死才怪。
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <style>
    .a1 {
    width:300px;
    height:300px;
    border:1px solid #111;
    }.a2,.a3 {
    width:100px;
    height:100px;
    background-color:#a11;
    }
    .a3 {
    background-color:#9e1;
    display:none;
    }</style>
    </head>
    <body>
    <div id='waitover' class='a1'>
    <a href=''>
    <span class='a2'>XXXX</span>
    <span id='show' class='a3'>OOOO</span>
    </a>
    </div>
    <script>
    document.getElementById("waitover").onmouseover = function(){
    document.getElementById('show').style.display = 'inline';
    }
    </script></body>
    </html>