使用CSS控制列印樣式，需要設定樣式media="print"，並且將頁面中不需要列印的元素的樣式display屬性設定為none。如DEMO中，我將頁頭頁尾及其他不需要列印的元素的樣式設定如下：

<style type="text/css" media="print"> 
#header,.top_title,#jqprint,#footer,#cssprint h3{display:none} 
</style> 

用jQuery列印外掛printArea.js

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

DEMO中有這樣一段程式碼：

<p><a href="#" id="print_btn">點選這裡列印>></a></p> 
<div id="my_area"> 
      ...列印區域...<br/> 
</div> 

當單擊列印按鈕時，呼叫件printArea.js外掛。該外掛還提供了一些引數可配置，使用方法：$(element).printArea(option)。

引數設定：

1、mode：模式，當點選列印按鈕時觸發模式，預設為iframe，當設定為popup則會新開一個視窗頁面列印。

2、popTitle：設定新開視窗的標題，預設為空。

3、popClose：完成列印後是否關閉視窗，預設為false。

PS：IE瀏覽器列印頁面取出頁首頁尾網址的方法：檔案->頁面設定，將頁面和頁尾的輸入框清空即可。