鼠标放置图标弹出二维码

html:

 <a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()">........</a>

怎么设置图标呢：

 <a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="xxxxxx.svg"></a>

JS：

<script type="text/javascript"> 
function showImg(){ 
document.getElementById("wxImg").style.display='block'; 
} 
function hideImg(){ 
document.getElementById("wxImg").style.display='none'; 
} 
</script>  	

html：

<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;"><img src="微信二维码"></div>
</div>