- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <title></title>
- <script src="./js/JsBarcode.all.js"></script>
- <script src="./js/jquery-1.4.4.min.js"></script>
- <script>
- function genbarcode()
- {
- $("#divBarcode").show();
- var bctext = $("#tbBCText").val().toUpperCase();
- var showvalue = $('#cbDisplayValue').is(':checked');
-
- var fontsize = $("#tbFontsize").val();
-
- JsBarcode("#barcode", bctext,
- {
- format: "CODE128",
- displayValue: showvalue, //true or false
- fontSize: fontsize
- //lineColor: "#0cc" //设置条码颜色
- }
- );
- }
- </script>
- </head>
- <body>
- <span>
- <input id="tbBCText" type="text" style="width:250px"/>
- <input id="btnGen" type="button" value="生成条码" onclick="genbarcode()"/>
- </span>
- <span style="font-size:small">
- <label><input id="cbDisplayValue" type="checkbox" checked="checked" />显示条码文本</label>
- <label>文本字体大小<input id="tbFontsize" type="text" style="width:50px" value="20"/></label>
- </span>
- <div id="divBarcode" hidden="hidden">
- <img id="barcode" alt="条码图片"/>
- </div>
- </body>
- </html>
经验首页