printArea页面打印插件

查看演示 下载资源 下载积分： 30 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

HTML

首先我们加入两个打印示例：

<div class="demo" id="cssprint"> 
   <h3>1、CSS控制打印页面中指定的区域</h3> 
   <p><a href="#" onclick="window.print();">点击这里打印>></a></p> 
   <div class="print_area" id="area_one">
    ...打印区域一...
   </div> 
  </div> 
  <div class="demo" id="jqprint"> 
   <h3>2、jQuery控制打印页面中指定的区域</h3> 
   <p><a href="#" id="print_btn">点击这里打印>></a></p> 
   <div class="print_area" id="area_two">
     ...打印区域二...
   </div> 
</div>

jQuery

接着打印#my_area，调用PrintArea打印插件非常简单：

$(function() {
    $("#print_btn").click(function() {
        $("#area_two").printArea();
    });
});

printArea相关参数