效果

image.png

代码

<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;">这里是微信图片</div>
</body>
</html>

参考

https://zhidao.baidu.com/question/1706317969604496140.html

HTML&JS鼠标移上去显示图片或微信二维码
效果代码参考 https://zhidao.baidu.com/question/17063179696044...
Web前端鼠标悬停实现显示与隐藏效果
css定义，偏移量，相对定位，绝对定位显示与隐藏二维码相对于微信图标定位鼠标悬停微信图标上显示鼠标离开微信图标时隐...
鼠标移上去，显示元素
利用css实现鼠标移上去，出现元素。
如何替换图片中的二维码图片
选择需要的替换二维码图片的微信名称----我----点击微信图像---二维码图片---截图保存到图库微信图片_20...
webstorm波浪线警告
烦人的波浪线，如图解决：鼠标移上去看显示什么错误，然后点击右下角的人头
澳大利亚500留学签证
澳大利亚500留学签证可以办理啦！办理请保存图片后微信识别二维码，或直接添加微信weoffer99 或关注微信公...
element　table组件自定义表头显示，超出隐藏，鼠标移上
需求：当表头的内容过长隐藏显示 ... 鼠标移上去显示全部内容,表头不是固定内容，是根据后台返回的字段，动态渲染...
PC端扫描二维码打开手机端网页
功能: 实现在PC端页面中，当鼠标移动到微信图标使显示二维码，扫描二维码可以进入手机端页面 1.在页面中引入生成...
小程序-长按保存图片
微信公众号页面不需要方法设置，微信会自动弹窗显示保存图片，自动识别二维码而小程序需要额外定义授权保存图片和长按保存...
jQuery练习-dropdown控件（下拉菜单）的实现
实现效果如下： 1. 简单实现：鼠标点击就出来，再点击就回去 2. 简单实现：鼠标移上去就出来添加一下js代码即可：