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

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

<!doctype html>
<html>
    <head>
        <title>jQuery Barcode</title>
        <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="jquery-barcode.js"></script>
        <style type="text/css">
        .barcodeImg{margin:10px 0px}
        </style>
    </head>
    <body>
        <div style="margin:10px">    
            <input id="src" value="11225921991"></input><br/>                
            <input type="button" onclick='code11()' value="code11">     
            <input type="button" onclick='code39()' value="code39"> 
            <input type="button" onclick='code93()' value="code93">
            <input type="button" onclick='code128()' value="code128">
            <input type="button" onclick='ean8()' value="ean8">         
            <input type="button" onclick='ean13()' value="ean13">
            <input type="button" onclick='ean13()' value="std25">
            <input type="button" onclick='int25()' value="int25">
            <input type="button" onclick='msi()' value="msi">
            <input type="button" onclick='datamatrix()' value="datamatrix">
            <div id="bcTarget" class="barcodeImg"></div>            
        </div>

        <script type="text/javascript">


        function code11(){
            $("#bcTarget").empty().barcode($("#src").val(), "code11",{barWidth:2, barHeight:30,showHRI:false});
        }

        function code39(){
            $("#bcTarget").empty().barcode($("#src").val(), "code39",{barWidth:2, barHeight:30,showHRI:false});
        }

        function code93(){
            $("#bcTarget").empty().barcode($("#src").val(), "code93",{barWidth:2, barHeight:30,showHRI:false});
        }

        function code128(){
            $("#bcTarget").empty().barcode($("#src").val(), "code128",{barWidth:1, barHeight:30,showHRI:false});
        }

        function ean8(){
            $("#bcTarget").empty().barcode($("#src").val(), "ean8",{barWidth:2, barHeight:30,showHRI:false});
        }

        function ean13(){
            $("#bcTarget").empty().barcode($("#src").val(), "ean13",{barWidth:2, barHeight:30,showHRI:false});
        }

        function std25(){
            $("#bcTarget").empty().barcode($("#src").val(), "std25",{barWidth:2, barHeight:30,showHRI:false});
        }

        function int25(){
            $("#bcTarget").empty().barcode($("#src").val(), "int25",{barWidth:2, barHeight:30,showHRI:false});
        }

        function msi(){
            $("#bcTarget").empty().barcode($("#src").val(), "msi",{barWidth:2, barHeight:30,showHRI:false});
        }

        function datamatrix(){
            $("#bcTarget").empty().barcode($("#src").val(), "datamatrix",{barWidth:2, barHeight:30,showHRI:false});
        }
        </script>

    </body>
</html>

 

posted @ 2016-03-01 13:32  流浪冰山  阅读(680)  评论(0)  编辑  收藏  举报