jquery PrintArea 實(shí)現(xiàn)票據(jù)的套打功能(代碼)
更新時(shí)間：2017年03月17日 08:49:30 投稿：jingxian
下面小編就為大家?guī)硪黄猨query PrintArea 實(shí)現(xiàn)票據(jù)的套打功能(代碼)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
套打就是指不打印表單上的表結(jié)構(gòu)和固定的文言，只把會(huì)變化的數(shù)據(jù)打印出來，下面的例子就是不把name和name2打印出來，只把a(bǔ)aa和bbb打印出來。
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è)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了jquery五角星評(píng)分插件示例分享,需要的朋友可以參考下2014-02-02
jquery中的each()非常好用，用起來非常的爽，下面小編給大家介紹jquery中each()的用法詳細(xì)介紹，感興趣的朋友一起看看吧2016-05-05
這篇文章主要介紹了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)行效果，完整代碼大家見demo2012-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ī)硪黄猨query 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
jquery實(shí)現(xiàn)簡(jiǎn)單的banner輪播效果【實(shí)例】
下面小編就為大家?guī)硪黄猨query實(shí)現(xiàn)簡(jiǎn)單的banner輪播效果【實(shí)例】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-03-03
之前用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ī)硪黄猨Query實(shí)現(xiàn)table中的tr上下移動(dòng)并保持序號(hào)不變的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07