jquery PrintArea 實(shí)現(xiàn)票據(jù)的套打功能(代碼)

更新時(shí)間：2017年03月17日 08:49:30 投稿：jingxian

下面小編就為大家?guī)?lái)一篇jquery PrintArea 實(shí)現(xiàn)票據(jù)的套打功能(代碼)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

套打就是指不打印表單上的表結(jié)構(gòu)和固定的文言，只把會(huì)變化的數(shù)據(jù)打印出來(lái)，下面的例子就是不把name和name2打印出來(lái)，只把a(bǔ)aa和bbb打印出來(lái)。

1.代碼

<html> 
<head> 
  <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
  <script type="text/javascript" src="jquery.PrintArea.js"></script> 
</head> 
<body> 
  <table> 
    <tr> 
      <td> 
        name: 
      </td> 
      <td></td> 
    </tr> 
    <tr> 
      <td> 
        name2: 
      </td> 
    </tr> 
  </table> 
 
  <div class="my_show"> 
    <div style="position: absolute; left: 60px; top: 10px;"> 
      aaa 
    </div> 
    <div style="position: absolute; left: 60px; top: 35px;"> 
      bbb 
    </div> 
  </div> 
 
  <a href="javascript:;" rel="external nofollow" id="print" />打印</a> 
 
  <script type="text/javascript"> 
  $(document).ready(function() { 
    $("#print").click(function() { 
        $(".my_show").printArea() 
      }) 
  }); 
</script> 
</body> 
</html>

2.畫面顯示

3.打印結(jié)果

以上這篇jquery PrintArea 實(shí)現(xiàn)票據(jù)的套打功能(代碼)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

node+koa+canvas繪制出貨單、收據(jù)票據(jù)的方法

相關(guān)文章

jquery五角星評(píng)分插件示例分享
這篇文章主要介紹了jquery五角星評(píng)分插件示例分享,需要的朋友可以參考下
2014-02-02
jQuery中的each()詳細(xì)介紹(推薦)
jquery中的each()非常好用，用起來(lái)非常的爽，下面小編給大家介紹jquery中each()的用法詳細(xì)介紹，感興趣的朋友一起看看吧
2016-05-05
jQuery中size()方法用法實(shí)例
這篇文章主要介紹了jQuery中size()方法用法,實(shí)例分析了size()方法返回對(duì)象集合中元素?cái)?shù)目的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jquery動(dòng)畫4.升級(jí)版遮罩效果的圖片走廊--帶自動(dòng)運(yùn)行效果
我將上一章中了插件做了個(gè)小小的升級(jí)，實(shí)現(xiàn)了自動(dòng)運(yùn)行效果，完整代碼大家見(jiàn)demo
2012-08-08
基于JQuery的一句代碼實(shí)現(xiàn)表格的簡(jiǎn)單篩選
JQuery的強(qiáng)大之處，這里就不用講了。這里將用一行簡(jiǎn)單的JQuery代碼實(shí)現(xiàn)簡(jiǎn)單的表格篩選。
2010-07-07
PageSwitch插件實(shí)現(xiàn)100種不同圖片切換效果
這篇文章主要介紹了PageSwitch插件實(shí)現(xiàn)100種不同圖片切換效果,需要的朋友可以參考下
2015-07-07
jquery 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)
下面小編就為大家?guī)?lái)一篇jquery 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
jquery實(shí)現(xiàn)簡(jiǎn)單的banner輪播效果【實(shí)例】
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)簡(jiǎn)單的banner輪播效果【實(shí)例】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-03-03
jQuery AjaxQueue改進(jìn)步驟
之前用jquery實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的AjaxQueue，用于管理ajax請(qǐng)求的發(fā)送順序。這次改進(jìn)了下。
2011-10-10
jQuery實(shí)現(xiàn)table中的tr上下移動(dòng)并保持序號(hào)不變的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)table中的tr上下移動(dòng)并保持序號(hào)不變的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07