鼠标触动感应二维码显示

鼠标触动感应二维码显示效果如图

实现代码:

html代码如下:

<a class="code-float-display">手机扫描二维码<span></span></a>

css代码如下:

.code-float-display{display:block;margin:110px auto 0 auto;height:30px;line-height:30px;width:100px;border:1px solid #ddd;text-align:center;position:relative;}
a.code-float-display{cursor:pointer;}
.code-float-display span{display:none;}
a.code-float-display:hover span{display:block;height:124px;width:124px;border:1px solid #ddd;padding:3px;background:url(erwei-code.jpg) no-repeat center;position:absolute;top:-135px;left:-18px;}