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 rel="nofollow noopener noreferrer" href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()">测试</a> 
<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;">这里是微信图片</div> 
</body> 
</html> 

以上所述是小编给大家介绍的JS实现鼠标移上去显示图片或微信二维码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

本文JS实现鼠标移上去显示图片或微信二维码到此结束。生活是一位睿智的长者,生活是一位博学的老师,它常常春风化雨,润物无声地为我们指点迷津,给我们人生的启迪。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

AJAX实现鼠标经过弹出详细介绍示例

利用AJAX实现鼠标悬浮获取值的代码

AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】

jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】