jquery-barcode:js实现的条码打印

简介: 这是一个纯js的jQuery插件,项目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html 使用示例: 1 doctype html> 2 3 4 jQuery Barcode ...

这是一个纯js的jQuery插件,项目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html

使用示例:

 1 <!doctype html>
 2 <html>
 3     <head>
 4         <title>jQuery Barcode</title>
 5         <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
 6         <script type="text/javascript" src="jquery-barcode.js"></script>
 7         <style type="text/css">
 8         .barcodeImg{margin:10px 0px}
 9         </style>
10     </head>
11     <body>
12         <div style="margin:10px">    
13             <input id="src" value="11225921991"></input><br/>                
14             <input type="button" onclick='code11()' value="code11">     
15             <input type="button" onclick='code39()' value="code39"> 
16             <input type="button" onclick='code93()' value="code93">
17             <input type="button" onclick='code128()' value="code128">
18             <input type="button" onclick='ean8()' value="ean8">         
19             <input type="button" onclick='ean13()' value="ean13">
20             <input type="button" onclick='ean13()' value="std25">
21             <input type="button" onclick='int25()' value="int25">
22             <input type="button" onclick='msi()' value="msi">
23             <input type="button" onclick='datamatrix()' value="datamatrix">
24             <div id="bcTarget" class="barcodeImg"></div>            
25         </div>
26 
27         <script type="text/javascript">
28 
29 
30         function code11(){
31             $("#bcTarget").empty().barcode($("#src").val(), "code11",{barWidth:2, barHeight:30,showHRI:false});
32         }
33 
34         function code39(){
35             $("#bcTarget").empty().barcode($("#src").val(), "code39",{barWidth:2, barHeight:30,showHRI:false});
36         }
37 
38         function code93(){
39             $("#bcTarget").empty().barcode($("#src").val(), "code93",{barWidth:2, barHeight:30,showHRI:false});
40         }
41 
42         function code128(){
43             $("#bcTarget").empty().barcode($("#src").val(), "code128",{barWidth:1, barHeight:30,showHRI:false});
44         }
45 
46         function ean8(){
47             $("#bcTarget").empty().barcode($("#src").val(), "ean8",{barWidth:2, barHeight:30,showHRI:false});
48         }
49 
50         function ean13(){
51             $("#bcTarget").empty().barcode($("#src").val(), "ean13",{barWidth:2, barHeight:30,showHRI:false});
52         }
53 
54         function std25(){
55             $("#bcTarget").empty().barcode($("#src").val(), "std25",{barWidth:2, barHeight:30,showHRI:false});
56         }
57 
58         function int25(){
59             $("#bcTarget").empty().barcode($("#src").val(), "int25",{barWidth:2, barHeight:30,showHRI:false});
60         }
61 
62         function msi(){
63             $("#bcTarget").empty().barcode($("#src").val(), "msi",{barWidth:2, barHeight:30,showHRI:false});
64         }
65 
66         function datamatrix(){
67             $("#bcTarget").empty().barcode($("#src").val(), "datamatrix",{barWidth:2, barHeight:30,showHRI:false});
68         }
69         </script>
70 
71     </body>
72 </html>

示例源码地址:jquery-barcode.zip

目录
相关文章
|
3月前
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
42 1
|
13天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
27 0
|
3月前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
36 2
|
3月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
20 1
|
5月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
5月前
|
移动开发 JavaScript 前端开发
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
|
5月前
|
JavaScript 前端开发
js,jq,jquery删除css属性
js,jq,jquery删除css属性
36 0
|
5月前
|
JavaScript 前端开发
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
35 0
|
6月前
|
JavaScript 前端开发 API
js和jquery的区别
js和jquery的区别
43 8
|
6月前
|
JavaScript 前端开发
JavaScript-jQuery的使用 + JS的案例
JavaScript-jQuery的使用 + JS的案例
47 0