鼠标经过图标如何悬浮二维码

问题遇到的现象

鼠标经过图标或点击图标如何悬浮或显示微信二维码

问题相关代码（前端按钮）

 <a class="weixin" href="javascript:">按钮图标的地址</a></a>

我想要达到的结果

点击图标悬浮或显示微信二维码图片，或鼠标经过图标显示二维码图片

postion定位一下样式，把二维码图片先隐藏，然后设置当点击图标，二维码显示
opacity: 1;//显示 0 //隐藏
需要动画效果的话可以用css动画， transition: all 5s; 过渡

了解一下js鼠标移入移出显示和隐藏