教程集 > 脚本编程 > javascript > 正文票据打印机

票据打印机

发布时间：2023-06-10 编辑：jiaochengji.com

教程集为您提供票据打印机等资源，欢迎您收藏本站，我们将为您提供最新的票据打印机资源

提示：您可以先修改部分代码再运行

<p><style type="text/css">     div,table,h3 { font-family: 宋体; font-size: 12px }   .drag {   cursor: move;   }   .box {   margin: 0px;   width: 200px;   border: 1px solid #ccc;   }   .box h3.title {   margin: 0px;   width: 100%;   background-color: #ccc;   }   .box div.content {   margin: 0px;   width: 100%;   text-align: left;   } </style></p>  <script type="text/javascript">   var DragableObj = {   handle: null,   dx: 0,   dy: 0,     init: function(e) {   e = e || event;   this.handle = e.target || e.srcElement;   if(!sftz.checked) return;   if (this.handle.className.indexOf('drag') == -1) return;   while (this.handle.tagName != 'HTML' && this.handle.title != "dragable") {   this.handle = this.handle.parentNode || this.handle.parentElement;   }   if (this.handle.title != 'dragable') return;   this.handle.style.position = 'relative';   this.dx = parseInt(this.handle.style.left   0) - e.clientX;   this.dy = parseInt(this.handle.style.top   0) - e.clientY;   document.onmousemove = DragableObj.drag;   },   drag: function(e) {   e = e || event;   if(!sftz.checked) return;   if (this.handle != null) {   this.handle.style.left = (e.clientX   this.dx)   'px';   this.handle.style.top = (e.clientY   this.dy)   'px';   }   },   drop: function(e) {   this.handle = null;   document.onmousemove = null;   }   };   document.onmousedown = DragableObj.init;   document.onmouseup = DragableObj.drop;   document.onselectstart = function(e) {   e = e || event;   eo = e.target || event.srcElement;   if (eo.className.indexOf('drag') != -1) return false;   };     </script>  <div style="border-right: #00ff00 1px solid; border-top: #00ff00 1px solid; border-left: #00ff00 1px solid; border-bottom: #00ff00 1px solid; height: 50px"><label for="kybj"><input id="kybj" type="checkbox" name="sftz" value="on" />编辑</label><button onclick="runCode('<style>\ndiv,table,h3\n{\nfont-family: 宋体; font-size: 12px }\n</style>\n' document.all.doprint.innerHTML);">预览</button><button onclick="showbody.aa('<style>\ndiv,table,h3\n{\nfont-family: 宋体; font-size: 12px }\n</style>\n' document.all.doprint.innerHTML);">打印</button></div>  <div id="doprint">  <div class="drag" title="dragable" style="left: 64px; position: relative; top: 4px">$(townunit)</div>  <div class="drag" title="dragable" style="left: 72px; position: relative; top: 5px">$(departmentunit);</div>  <div class="drag" title="dragable" style="left: 74px; position: relative; top: 7px">$(department);</div>  <div class="drag" title="dragable" style="left: 233px; position: relative; top: -7px">$(YYYY)</div>  <div class="drag" title="dragable" style="left: 286px; position: relative; top: -22px">$(MM)</div>  <div class="drag" title="dragable" style="left: 324px; position: relative; top: -35px">$(DD)</div>  <div class="drag" title="dragable" style="left: 373px; position: relative; top: -50px">$(project_code);</div>  <div class="drag" title="dragable" style="left: 220px; position: relative; top: 102px">$(chinese_fee);</div>  <div class="drag" title="dragable" style="left: 532px; position: relative; top: 87px">$(fee);</div>  <div class="drag" title="dragable" style="left: 53px; position: relative; top: 182px"> </div>  <div class="drag" title="dragable" style="left: 99px; position: relative; top: -85px">$(applicantName);</div>  <div class="box" title="dragable" style="left: 2px; position: relative; top: -41px">  <div class="drag title" style="height: 18px">收费打印区</div>  <table cellspacing="0" cellpadding="0" width="620" border="0">      <tbody>          <tr height="18">              <td>开业登记费(10401001)　</td>              <td width="70">　</td>              <td width="110">　</td>              <td align="right" width="110">300.00</td>          </tr>          <tr height="18">              <td> 　</td>              <td width="70">　</td>              <td width="110">　</td>              <td width="110"> </td>          </tr>          <tr height="18">              <td> 　</td>              <td width="70">　</td>              <td width="110">　</td>              <td width="110"> </td>          </tr>      </tbody>  </table>  </div>  <div class="drag" title="dragable" style="left: 412px; position: relative; top: -173px">$(payee_departmentname)</div>  <div class="drag" title="dragable" style="left: 414px; position: relative; top: -168px">$(payee_account)</div>  <div class="drag" title="dragable" style="left: 412px; position: relative; top: -161px">$(account_bank)</div>  </div>  <script>   function runCode(obj) {   var winname = window.open('', "_blank", '');   winname.document.open('text/html', 'replace');   winname.document.writeln(obj);   winname.document.close();   }   </script>  <p><iframe name="showbody" src="printbody.htm" width="0" height="0">浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</iframe></p>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
解决共享打印机使用没有反应的问题
 360抢票专属通道怎么进入
 Windows Xp中打印机共享怎么设置
 腾讯php程序员面试题分享
 javascript打印方法大全打印页面设置与打印预览代码
 微信端h5页面如何调用分享页面的接口
 javascript 打印、设置、预览的实现代码
 360抢票浏览器春运抽大奖如何抽
 Win7连接Windows XP网络打印机失败？windows无法连接到打印机拒绝访问解决方法
 linux中收集系统信息的一些命令

上一篇：鼠标事件平滑过渡效果

[关闭]

票据打印机

最近更新

浏览排行