jQuery 插件:jquery.qrcode.js 生成二维码

1.前言:jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务

2.使用:

    ①加载 jQuery 和 jquery.qrcode.js

    ②创建一个用于包含 QRcode 图片的 DOM 元素

        <div id="weChatBox" class="bsWxBox">
<div class="close"><a>X</a></div>
<div class="top">
<span>分享到</span>
<span class="platName">&nbsp;-&nbsp;微信</span>
</div>
<div class="FrameDiv">
<div id="qrcode">
</div>
</div>
<div class="end">
<span>微信扫一扫</span>
</div>
</div>

    ③点击事件,取当前网址生成二维码

        $('.weixin').click(function(){
$('#qrcode').html("");
$('#weChatBox').show();
var qrcode = new QRCode("qrcode", {
width : 178,//二维码的大小
height : 178,
colorDark : '#000000', 
colorLight : '#ffffff', 
});
var QRCodeUrl=location.href;
qrcode.makeCode(QRCodeUrl); 
});

猜你喜欢

转载自blog.csdn.net/qq_16409287/article/details/80980900