鼠标移出“微信图标和微信公众号”区域下面的扫描图片就会消失，怎么破？我想实现鼠标移动扫描图片的区域也不会消失，怎么实现.

Question

鼠标移出“微信图标和微信公众号”区域下面的扫描图片就会消失，怎么破？我想实现鼠标移动扫描图片的区域也不会消失，怎么实现

function showImg(){
document.getElementById("wxImg").style.display='block';
}
function hideImg(){
document.getElementById("wxImg").style.display='none';
}

<li class="weixin_kuang">

                        <div class="weixn">
                            <a href="javascript:void(0)" onMouseOut="hideImg()"  onmouseover="showImg()">微信公众号</a>
                            <div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute; margin-top: 10px;"><img src="img/wxouou.png" /></div>
                        </div>
                    </li>

Answer 1

onMouseOut="hideImg()"  onmouseover="showImg()

放到父节点

Answer 2

<div class="weixn" onMouseOut="hideImg()"  onmouseover="showImg()" style="position:relative;">
    <a href="javascript:void(0)" >微信公众号</a>
    <div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute; top:100%;"><img src="img/wxouou.png" /></div>
</div>

Answer 3

用chrome等浏览器审查元素，然后把二维码隐藏的方法去掉就可以了。