鼠标悬停弹窗生成二维码

随着移动互联网的普及，web项目的APP二维码分享需求应运而生。

这里记录一下本人的实现思路。

1，给鼠标悬停对象绑定鼠标悬停事件

2，js代码实现悬停弹窗

3，使用第三方插件实现二维码生成。

关键代码：

function show(obj,id) {

varobjDiv=$("#"+id+"");

$(objDiv).css("display","block");

$(objDiv).css("left",event.clientX+10);

$(objDiv).css("top",event.clientY+10);

}

functionhide(obj,id) {

varobjDiv=$("#"+id+"");

$(objDiv).css("display","none");

}

window.onload=function(){

varqrcode=newQRCode(document.getElementById("makecode"), {

width:200,//设置宽高

height:200

});

qrcode.makeCode("HELLO!");

}

---

点此下载demo