<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()">
<i class="iconfont">&#xe6da;</i>
<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;z-index: 999;">
<img src="http://pic.320360.cn/mbewm.jpg" width="120"  style="position: absolute;right: 0px;top:-30px;" />
</div>
</a>
<script type="text/javascript"> 
function showImg(){
document.getElementById("wxImg").style.display='block'; 
} 
function hideImg(){ 
document.getElementById("wxImg").style.display='none'; 
} 
</script>