1 2 3 4 5 6 7 8 9 10 | $(document).ready( function (){ $( ".printer" ).click( function (){ // 印刷ボタンが押されたら $( "body" ).addClass( "print" ); // body classに"print"を追加 window.print(); // 印刷を実行 var timeout = setTimeout( function (){ $( "body" ).removeClass( "print" ); // body classから"print"を削除 }, 1000); return false ; // 終了 }); }); |
- 印刷しないパートをdisplay: none;で消す
- 印刷するパートから不要なfloatなどを解除
- 白い紙に印刷されることを踏まえて文字や背景などを調整
- print.cssの内容全体を@media print { }でくくる
- print.cssの各行の先頭にbody.printを追加する
<p class="button"><a href="#null" class="printer scroll-off"><span>印刷ボタンのテスト</span></a></p>