JS实现鼠标移上去显示图片

<html> 
<head> 
<script type="text/javascript"> 
function showImg(){ 
document.getElementById("wxImg").style.display='block'; 
} 
function hideImg(){ 
document.getElementById("wxImg").style.display='none'; 
} 
</script> 
</head> 
<body> 
<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()">测试</a> 
<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;">
    <img src="https://i.loli.net/2020/02/17/fACYLUMDdxyrnTe.jpg">
</div> 
</body> 
</html>
posted @ 2020-02-17 16:53  笑等茶凉  阅读(5974)  评论(0编辑  收藏  举报