wed的各种前端打印方法（2）

JQery打印插件PrintArea实现网页打印：

第一步：

jquery.PrintArea.js下载

js引用

1 <script language="javascript" src="jquery-1.7.1.min.js"></script> 
2 <script type="text/javascript" src="jquery.PrintArea.js"></script>

html引用：

1 <div class="my_show">
2 这个是打印时显示的。
3 </div>
4 <div class="my_hidden">
5 这个是打印时隐藏的。
6 </div>
7 <input type="button" id="print"/>

javascript代码：

View Code

1 $(document).ready(function(){
2 $("#print").click(function(){
3 $(".my_show").printArea();
4 });
5 });

这个插件还提供了一些参数可配置，使用的方法：$（element).printArea(option).

这个方法我自己没有用过，大家尝试是，有问题的留言哈。

参数设置：