onmouseover与onmouseout共存不断闪烁
<input id="sdqinfoimg" type="hidden" value="a.jpg"/>
<img src="a.jpg" height="100" οnmοuseοver="showimg('sdqinfoimg');" οnmοuseοut="hideimg();"/>
<div id="sdqinfo_show_div" style="position:absolute; top:10%; left:300px;z-index:999;display:none;">
<img id="sdqinfo_getimg" width="400" src=""/>
</div>
function showimg(val){ var value=$("#"+val).val(); if(value!==""){ $("#sdqinfo_getimg").attr("src",+value); $("#sdqinfo_show_div").show(); } } function hideimg(){ $("#sdqinfo_getimg").attr("src",""); $("#sdqinfo_show_div").hide(); } </script>
试了 mouseenter和 mouseleave但是并不能实现不闪烁
于是在id为
sdqinfo_show_div
加上css pointer-events: none 即
<div id="sdqinfo_show_div" style="position:absolute; top:10%; left:300px;z-index:999;display:none;pointer-events: none;">
解决问题