jquery.PrintArea.min.js实现打印实例
jquery实现的打印功能大致跟浏览器自带的 Ctrl+P的 效果一样
一、效果图:
全屏打印:

局部打印:

二、代码
<html>
<head></head>
<body>
<div style="text-align:center; margin-top: 30px">
<div >
<div>全屏开始部分</div>
<div>全屏开始部分</div>
<div>全屏开始部分</div>
<div>全屏开始部分</div>
<div>全屏开始部分</div>
</div>
<br>
<div id="printArea">
<div>......局部打印区域......</div>
<div>......局部打印区域......</div>
<div>......局部打印区域......</div>
<div>......局部打印区域......</div>
<div>......局部打印区域......</div>
</div>
<input id="btnPrint" type="button" value="局部打印"></input>
<input id="btnPrintFull" type="button" value="全屏打印"></input>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.PrintArea.js"></script>
<script>
//局部打印
$("#btnPrint").click(function(){
$("#printArea").printArea();
});
//打印整个页面
$("#btnPrintFull").click(function(){
$("body").printArea();
});
</script>
</html>源码下载 提取码:tt1u
本文原创,转载必追究版权。