html:

<ul>

　　<li class="Wechat">
　　　　Wechat
　　</li>
　　<li class="Wechat-item">
　　　　<img class="Wechat-code" src="img/wechat-code.jpg">
　　</li>

</ul>

css:

.Wechat-item {
position:relative;

}

.Wechat-code {
position:absolute;
left:-95px;
transition:all 0.5s;
top: -210px;
width: 150px;
height: 200px;
z-index: 1000;
}

js:

$(".Wechat").hover(function(){
$(".Wechat-code").css({"display":"block"});
},
function(){
$(".Wechat-code").css({"display":"none"})
});

 position:absolute 二维码不显示。

如果把.Wechat-code的position改为relative可以显示，但是没有一个0.5s过程