HTML<style>标签的media属性

打印预览模式 / 打印页<style media="print">

/*设置打印相应内容，只在window.print();触发时起到作用*/
<style type="text/css" media="print">
    .onprintp{display : none }
    .leftnavanaly{display : none }
    .mk_dqwz{display : none }
    .mk_footer{display : none }
    .mk_top{display : none }
    .ct_title{width:980px; }
    .mainright{width:980px; border:#ffffff 0px solid; padding:1px 1px 1px 1px; margin:1px 1px 1px 1px; }
</style>

/*打印*/
<a href="javascript:void(0);" onclick="myprint();">打印</a>

/*对于网页打印前后需要显示不同的情况的动态操作*/
function myprint(){
    $(".leftnav").css("display","none");
    $(".leftnav").css("width","0px");
    $(".mk_mainc").css("width","980px");
    window.print();
    $(".leftnav").css("display","block");
    $(".leftnav").css("width","218px");
    $(".mk_mainc").css("width","771px");
}