手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jQuery+HTML5条形码生成

时间:2024-10-13 07:25:40

1、新建html文档。

jQuery+HTML5条形码生成

2、书写hmtl代艨位雅剖码。<article class="aaaaaa">&造婷用痃lt;canvas id="ean" width="400" height="200"></canvas></article>

jQuery+HTML5条形码生成

3、书写css代码。body { background: #494A5F; color: #D5D6E2; font-weight: 500; font-size: 1.05em; font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo; }a { color: #2fa0ec; text-decoration: none; outline: none; }a:hover, a:focus { color: #74777b; }.aaaaaa { margin: 0 auto; text-align: center; overflow: hidden; }#ean { margin: 100px auto; }

jQuery+HTML5条形码生成

4、书写并添加js代码。<script src="js/jquery-1.10.2.min.js" ></script> <script src="jquery-ean13.min.js"></script>

jQuery+HTML5条形码生成

5、代码整体结构。

jQuery+HTML5条形码生成

6、查看效果。

jQuery+HTML5条形码生成
© 手抄报圈