你是問二維碼怎么生成嗎？
百度qrcode.js
https://github.com/davidshimj...

var qrcode = new QRCode("test", {
    text: "http://www.runoob.com",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

這樣的交互做法有很多。

類似案例的那種，hover上去，原本隱藏的子元素qrcode-div的opacity從0到1，就展現(xiàn)了。
建議樓主可以直接打開控制臺，看看人家是怎么做的哈，跟蹤一下相關(guān)元素的樣式就好了。

其他能實現(xiàn)的方式：

一、默認渲染二維碼的div

1. 默認樣式opacity:0，hover的樣式 opacity:1
2. 默認樣式display:none，hover的樣式 display: block

二、方塊的div的內(nèi)容，默認展示原來的內(nèi)容（案例圖片+描述），hover時把div的內(nèi)容替換成二維碼的模板（不過這種方式會反復修改dom節(jié)點）