云鳳蝶 這種鼠標(biāo)經(jīng)過顯示二維碼 是如何實(shí)現(xiàn)的

你是問二維碼怎么生成嗎？
百度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)了。
建議樓主可以直接打開控制臺(tái)，看看人家是怎么做的哈，跟蹤一下相關(guān)元素的樣式就好了。

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

一、默認(rèn)渲染二維碼的div

1. 默認(rèn)樣式opacity:0，hover的樣式 opacity:1
2. 默認(rèn)樣式display:none，hover的樣式 display: block

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