工作時寫出來的條碼小玩具
本帖最後由 G&S 於 2015-7-10 03:29 編輯 <br /><br />條碼這東東 大家都知道吧 就算是沒去超市 在小七結帳時總會看到<br><br>因為之前工作上的內容需要使用到條碼<br>
而當前大多數人看到的條碼工具 大多數都是以圖片生成的方式 或是條碼字型來實現<br><br>
不過這些方法都有其不方便的地方<br>
所以我很閒的寫了一個純粹基於HTML語法架構的條碼產生器 <br>
這個條碼不需要依賴任何多於外部元件 而且可以用JAVASCRIPT即時動態生成條碼<br><br>
示範網頁有除了有條碼展示 還會有條碼原始碼 所以可以複製自己喜歡的條碼<br><br>
因為是基於純粹的HTML語法 所以可以貼在任何可以使用HTML的地方 玩起來還滿有喜感的<br><br>
<div style="width:272px;">
<table cellpadding=0 cellspacing=0 bordercolor=#000 border=0>
<tr height=40><td style="border-left:1px #000 solid; width:3px;" name=*></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:3px;" name=W></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:3px;" name=W></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:3px;" name=W></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:3px;" name=.></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:1px #000 solid; width:1px;" name=D></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:3px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td>
<td style="border-left:1px #000 solid; width:1px;" name=N></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:3px;"></td><td style="border-left:3px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:1px;" name=A></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:3px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td>
<td style="border-left:1px #000 solid; width:3px;" name=X></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:1px;" name=C></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:3px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:1px;" name=A></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:3px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td>
<td style="border-left:1px #000 solid; width:1px;" name=T></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:3px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:3px;" name=.></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:1px #000 solid; width:1px;" name=N></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:3px;"></td><td style="border-left:3px #000 solid; width:1px;"></td>
<td style="border-left:3px #000 solid; width:1px;" name=E></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:3px;"></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:1px #000 solid; width:1px;" name=T></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:3px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
<td style="border-left:1px #000 solid; width:3px;" name=*></td><td style="border-left:1px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:3px #000 solid; width:1px;"></td><td style="border-left:1px #000 solid; width:1px;"></td>
</tr><tr align=center><td colspan=5></td><td colspan=5>W</td><td colspan=5>W</td><td colspan=5>W</td><td colspan=5>.</td><td colspan=5>D</td><td colspan=5>N</td><td colspan=5>A</td><td colspan=5>X</td><td colspan=5>C</td><td colspan=5>A</td><td colspan=5>T</td><td colspan=5>.</td><td colspan=5>N</td><td colspan=5>E</td><td colspan=5>T</td></tr></table>
</div>
<br><br>
條碼製造機<br>
www.ericjoung.idv.tw/jj/code39.htm
如果手機上有安裝 條碼APP的話 用手機照一下 馬上就會看到結果喔
頁:
[1]