素材8网-专注前端素材！
来源：https://www.sucai8.cn/29518.html

二维码生成工具QRCode，jQuery生成二维码插件

  • 1067
  • 0
  • 0


1.脚本引用
  1. <script type="text/javascript" src="js/qrcode.min.js"></script>
复制代码
2.使用方法
  1. <script type="text/javascript">
  2.     //二维码内容
  3.     var txtContent = document.getElementById("txtContent"),
  4.         tips = document.getElementById("tips");
  5.     // 设置 qrcode 参数
  6.     var qrcode = new QRCode('qrcode', {
  7.         text: '请输入二维码内容再生成图像',
  8.         width: 256,
  9.         height: 256,
  10.         colorDark: '#000000',
  11.         colorLight: '#ffffff',
  12.         correctLevel: QRCode.CorrectLevel.H
  13.     });
  14.     //生成二维码图像
  15.     function f_onCreateQrcode() {
  16.         if (!txtContent) {
  17.             return false;
  18.         } else {
  19.             if (!txtContent.value) {
  20.                 tips.innerHTML = "！请填写<strong>二维码内容</strong>再提交生成";
  21.             } else {
  22.                 // 使用 API
  23.                 qrcode.clear();
  24.                 tips.innerHTML = "";
  25.                 qrcode.makeCode(txtContent.value);
  26.             }
  27.             return false;
  28.         }
  29.     }
  30.     //清除二维码内容
  31.     function f_onClearQrcode() {
  32.         if (txtContent) {
  33.             txtContent.value = "";
  34.             // 使用 API
  35.             qrcode.clear();
  36.             qrcode.makeCode('请输入二维码内容再生成图像');
  37.         }
  38.     }
  39. </script>
复制代码
相关素材
二维码生成工具QRCode，jQuery生成二维码插件
  • 不染123456 刚刚下载了一个素材
  • Hugo戴先生 刚刚下载了一个素材
  • zat 刚刚下载了一个素材
  • 爱已过期 刚刚下载了一个素材
  • 龙博 刚刚下载了一个素材
  • Jhoan 刚刚下载了一个素材
  • qq叶子kCP 刚刚下载了一个素材
  • qqh1u 刚刚下载了一个素材
  • qqX3i 刚刚下载了一个素材
  • 羙婯亾泩 刚刚下载了一个素材
  • qqJes 刚刚下载了一个素材
  • pringun 刚刚下载了一个素材
  • 你来自哪颗星星 刚刚下载了一个素材
  • qq开心就好Wn3 刚刚下载了一个素材
  • XLB789 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题