解决onmouseover与onmouseout共存不断闪烁的问题

最新推荐文章于 2023-07-05 23:37:25 发布

code301

最新推荐文章于 2023-07-05 23:37:25 发布

阅读量3.1k

点赞数 3

分类专栏： HTML

本文链接：https://blog.csdn.net/AnPHPer/article/details/79669408

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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为