printArea页面打印插件

收藏

printArea打印插件可以打印某一区域内容，并且调用该插件非常简单。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 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相关参数