`

AmazeUI 二维码

阅读更多
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>二维码</title>
<link rel="stylesheet" href="assets/css/amazeui.min.css">
</head>
<body style="padding: 50px;">
<div class="am-input-group">
  <input type="text" class="am-form-field" id="doc-qr-text">
      <span class="am-input-group-btn">
        <button class="am-btn am-btn-default" type="button" id="doc-gen-qr">生成</button>
      </span>
</div><br>
<div id="doc-qrcode" class="am-text-center"></div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/ie8/jquery.min.js"></script>
<script src="assets/ie8/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script>
  $(function() {
    var $input = $('#doc-qr-text');
    $qr = $('#doc-qrcode');
    function makeCode(text) {
      $qr.empty().qrcode(text);
    }
    $input.val(location.href);
    makeCode(location.href);
    $('#doc-gen-qr').on('click', function() {
      makeCode($input.val());
    });
    $input.on('focusout', function() {
      makeCode($input.val());
    });
  });
</script>
</body>
</html>	

 

效果图:

 

 

 

 

 

  • 大小: 10.4 KB
1
0
分享到:
评论

相关推荐

    Amaze UI的模板2套html文件(手机网站)

    Amaze UI 在一些特定的中国应用场景,如二维码扫描、农历日期等方面有独特优势;而Bootstrap则在全球范围内有着广泛的应用和社区支持。 5. **压缩包中的文件**:“Amaze UI admin.zip”可能是Amaze UI 的后台管理...

    基于amazeui用户充值页面特效

    本项目“基于amazeUI用户充值页面特效”专注于为用户提供流畅、便捷且美观的在线充值体验,同时支持支付宝和微信两种主流的支付方式。下面我们将详细探讨这个项目的相关知识点。 首先,AMazeUI是一个专为中国移动...

    二维码小工具 -VBA_二维码vba_二维码_二维码生成_VBa_VBA二维码_

    二维码小工具 - VBA_二维码vba_二维码_二维码生成_VBa_VBA二维码是一个使用VBA(Visual Basic for Applications)编程实现的Excel宏工具,它允许用户在Excel环境中生成二维码。VBA是Microsoft Office套件中内置的一...

    EBS二维码打印,oracle 二维码打印

    在Oracle E-Business Suite (EBS) 中实现二维码打印功能是一项技术性的工作,涉及到报表开发、数据集成以及打印机设置等多个方面。以下是对这个主题的详细解释: 1. **Oracle E-Business Suite(EBS)**:Oracle ...

    HTML+JS 显示二维码_html_二维码_显示二维码_

    在网页上显示二维码是一项常见的需求,特别是在嵌入式系统中,它可以方便地将链接、文本信息等转换为可扫描的图像。本教程将详细介绍如何利用HTML和JavaScript来实现这一功能。 首先,理解二维码(Quick Response ...

    二维码参数指标,22种二维码介绍

    二维码参数指标,22种二维码介绍 二维码是一种常用的自动识别技术,广泛应用于物流、零售、医疗等行业。二维码的参数指标是衡量二维码质量和可读性的重要指标,本文将详细介绍二维码参数指标和22种二维码的介绍。 ...

    java自动识别图片中的二维码

    利用java自动识别图片中的二维码并解析二维码中的数据利用java自动识别图片中的二维码并解析二维码中的数据利用java自动识别图片中的二维码并解析二维码中的数据利用java自动识别图片中的二维码并解析二维码中的数据...

    PB生成二维码(ocx控件)_二维码_

    在IT行业中,二维码(Quick Response Code,简称QR码)已经成为数据传输和信息交换的重要工具,尤其是在移动设备上。PowerBuilder是一款老牌的可视化编程环境,专用于开发企业级应用。将二维码功能集成到Power...

    JAVA 生成二维码并设置失效机制

    1.通过QRCode.jar包生成二维码,可设置二维码图片格式,二维码图片存放路径,二维码尺寸,二维码颜色 2.二维码扫描内容分为两种,1种为链接式,如:www.zdkc.com,通过链接展示访问的内容,1种为json数据展示,通过...

    vue2 扫码获取二维码内容

    扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取...

    tiaoxingma.rar_c++二维码生成_二维码_二维码 生成_二维码生成_二维码读取

    在IT行业中,二维码技术已经广泛应用于数据交换、信息传播等领域,尤其在移动设备上,它是一种便捷的信息存储和传输方式。对于C++开发者来说,掌握二维码的生成与读取技术可以增强应用程序的功能和用户体验。本资源...

    visionpro9.0二维码评级vpp

    "二维码评级"是其中的一个关键功能,它能够评估二维码的质量并根据行业标准进行分级。 在VisionPro 9.0中,二维码评级是通过内置的VPP(VisionPro Programming)工具实现的。VPP是一个可视化编程环境,用户可以通过...

    二维码评级说明资料

    二维码评级说明资料深入探讨了二维码的国际标准和评级系统。二维码是一种能够存储数据的矩阵式二维条码,它包含大量的信息并且应用广泛。二维码有多种形状和尺寸,常见的有DataMatrix、QR Code等。在国际标准中,...

    Java 生成二维码代码

    二维码是一种快速、便捷的信息交换方式,广泛应用于商品营销、支付交易、签到管理、社交推广、文档处理、物流追踪、链接分享、出行交通、应用下载和疫情防控等众多领域,以提供便利、追踪、管理和传递信息,并为用户...

    利用STM32生成二维码,实现二维码的转换

    在本文中,我们将探讨如何利用STM32微控制器生成二维码,实现数据的编码和解码,以便于信息的快速传递和读取。 首先,我们要了解二维码(Quick Response Code)的基本原理。二维码是一种二维条形码,能存储比传统...

    C#生成二维码、调用摄像头扫描二维码

    3. 开启视频流:调用StartPreviewAsync方法,开启摄像头预览,可以在UI上显示实时画面。 4. 扫描二维码:可以使用ZXing.Net.Mobile库,它提供了跨平台的二维码扫描功能。创建一个Scanner实例,设置扫描区域和解码...

    斑马打印机二维码打印斑马打印机二维码打印

    斑马打印机,作为工业级条码和二维码打印的佼佼者,被广泛应用于物流、仓储、制造等行业。本文将深入探讨如何使用斑马打印机进行二维码的打印,以及相关的技术要点。 首先,我们要了解斑马打印机的基本操作。斑马...

    二维码识别 c++ 库

    二维码识别在IT行业中是一项重要的技术,特别是在移动设备和物联网应用中。C++作为一种强大的编程语言,也提供了实现二维码识别的库。在这个特定的场景中,我们关注的是一个名为"qrencode-4.0.2"的库,它在Linux环境...

    reportmachine3 二维码

    报告机器3(ReportMachine3)是一款专业的报表生成工具,它在原有功能的基础上进行了升级,引入了对二维码(Qrcode)的支持。这意味着用户现在可以直接在报表中嵌入二维码,无需依赖额外的DLL库或其他外部组件。这种...

Global site tag (gtag.js) - Google Analytics