纯css实现方式：
<style>
#test {width:400pxheight:300pxbackground:url(图片1) no-repeat center / cover}
#test:hover {background-image:url(图片2)}
</style>
<div id=test></div>
js实现方式：
<img id=test src="图片1" />
<script>
test.onmouseover=()=>this.src="图片2"
test.onmouseout=()=>this.src="图片1"
</script>
1、首先打开Axure，拖入一个二维码的图片，设置为隐藏状态。然后拖入一个矩形，调整一下形状，这里填写鼠标悬浮显示二维码。
2、设置矩形的用例，选择鼠标移入的事件。
3、然后在事件中设置矩形隐藏，二维码图片显示，置于顶层。
4、然后设置二维码的鼠标移出用例。
5、接着设置二维码图片隐藏，矩形显示，置于顶层。
6、完成之后，点击预览即可看到鼠标悬浮显示二维码，移出返回原样的效果。
