jQuery微官网悬停显示二维码效果

鼠标悬停自动弹出二维码的交互，挺适合做微官网或者产品展示那种场景。整个效果是用jQuery实现的，代码不复杂，结构也清晰。你只要加个hover事件，再写两行fadeIn和fadeOut就能搞定，响应也快，用户体验还不错。

二维码的展示是以图片形式贴在页面上，结合CSS定位，一般放在右下角或者元素上方。你可以用position: absolute来控制位置，配个小动画，显得更有高级感。

我看过几个类似的案例，像jquery 鼠标悬停显示二维码特效这种，也挺实用的。如果你要放在底部区域，可以参考这个底部悬停展示二维码的效果。

还有一种玩法是加遮罩，比如鼠标经过图片时弹出二维码遮罩，适合那种需要图文结合的内容展示。如果你对样式有点追求，可以看看CSS3 下拉显示二维码，动画更顺滑。

，适合不想搞太多复杂交互、但又想展示公众号、APP 下载的场景。如果你是做前端页面的，留一个这样的二维码小功能，体验上能加分不少。