生成一维条码和遮蔽层

缺乏、安全感 2022-07-21 02:13 180阅读 0赞

注意barcode是生成一个一维条码。重点是

<div id="divmask" style="z-index:9;background-color:rgb(128, 128, 128);opacity:0.8;position:absolute;"></div>

<pre name="code" class="html"> <div style="z-index:10;background-color:white;position:absolute;top:50%;left:50%;margin:-35px 0 0 -132px;width:264px; height:85px;display:none;">
            <div id="bar" style="position:relative;top:10px;" οnclick="BarHide(this)"></div>
        </div>

$(document).ready(function(){
                if ($('.discount').length == 0) {
                    $('body div').eq(1).attr('style', 'height:60px;text-align:center;position:relative;top:15px;font-size:20px;');
                    $('body div').eq(1).html('暂无优惠券');
                }
                document.addEventListener('touchmove', function (event) {
                    //判断条件,条件成立才阻止背景页面滚动,其他情况不会再影响到页面滚动
                    if (!$('#bar').parent().is(":hidden")) {
                        event.preventDefault();
                    }
                })
            })

function generateBar(e) {
                var data=$(e).attr('title');
                $('#bar').barcode(data, 'code128', { barWidth: 1, barHeight: 60,output:'bmp' });
                $('#bar').show();
                $('#divmask').css('width', window.innerWidth);
                $('#divmask').css('height', window.innerHeight);
                $('#bar').parent().width($('#bar').width()+1);
                $('#bar').parent().show();
            }
            function BarHide(e) {
                $('#bar').parent().hide();
                $('#divmask').css('width', 0);
                $('#divmask').css('height', 0);
            }

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 ZXing 生成二维码 QRCode 和条码 CODE128

ZXing 生成二维码 QRCode 和条码 CODE128 和 ZXing 解析或读取 QR\_Code 和条码 CODE\_128 2019年02月20日 01...

以你之姓@/ 2024年04月18日 16:02/ 0 赞/ 69 阅读

相关 Zxing一维条码/二维条码生成与读取开发实例

Zxing是一个免费的条码处理软件，可生成一维码、二维码并进行读取。注释中有功能介绍 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_

一时失言乱红尘/ 2023年01月03日 04:50/ 0 赞/ 227 阅读

相关 c# 小票机打印二维条码_支持一维和二维条形码生成打印的轻量级的 .NET条码控件Barcode Professional...

Barcode Professional SDK for .NET 条形码控件是一款轻量级的 .NET 程序集，为你的程序生成高质量的条形码，支持产生条码图片以及打印，支持大多

叁歲伎倆/ 2022年12月31日 09:29/ 0 赞/ 112 阅读

相关条码检测系统——基于MATLAB的一维条码识别

基于MATLAB的一维条码识别摘要：条码技术是如今应用最广泛的识别和输入技术之一，由于其包含的信息量大，识别错误率低而在各个方面得到很大的重视。它发展迅速并被广

电玩女神/ 2022年09月09日 02:04/ 0 赞/ 427 阅读

相关基于MATLAB的一维条码二维码识别

基于MATLAB的一维条码二维码识别 1. 课题背景介绍条码技术是如今应用最广泛的识别和输入技术之一，由于其包含的信息量大，识别错误率低而在各个方面得到很大的

曾经终败给现在/ 2022年08月28日 14:54/ 0 赞/ 330 阅读

相关 java qr二维条码生成器

原文：[java qr二维条码生成器][java qr] 代码下载地址：[http://www.zuidaima.com/share/1550463250156544.htm

清疚/ 2022年08月24日 11:39/ 0 赞/ 169 阅读

相关生成一维条码和遮蔽层

注意barcode是生成一个一维条码。重点是 <div id="divmask" style="z-index:9;background-color:rgb

缺乏、安全感/ 2022年07月21日 02:13/ 0 赞/ 181 阅读

相关实作一个二维条码生成的Chrome插件

转载请注明出处:http://blog.csdn.net/horkychen 360浏览器的团队确实做了一件好事，将Chorme开发文档翻译成了中文, 可以点击[这里]

╰+攻爆jí腚メ/ 2022年06月08日 22:54/ 0 赞/ 188 阅读

相关微信小程序条码、二维码生成模块

> 代码地址如下： > [http://www.demodashi.com/demo/13994.html][http_www.demodashi.com_demo_139

爱被打了一巴掌/ 2022年05月11日 07:40/ 0 赞/ 302 阅读

相关 java qr二维条码生成器

原文：[java qr二维条码生成器][java qr] 代码下载地址：[http://www.zuidaima.com/share/1550463250156544.htm

骑猪看日落/ 2022年04月13日 10:52/ 0 赞/ 222 阅读