| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>jquery.jqprint.js一个jQuery打印插件 - 我爱模板网 www.5imoban.net</title>
- <!--对打印预览界面以及打印内容进行样式控制(media='print' 属性很重要)。本样式在本页面不起作用,只有打印预览才能看到效果-->
- <link rel='stylesheet' type='text/css' media='print' href='print.css'/>
- <script language="javascript" src="jquery-1.4.4.min.js"></script>
- <!--
- 如果您使用的是高版本jQuery调用下面jQuery迁移辅助插件即可
- <script src="http://www.5imoban.net/download/jquery/jquery-migrate-1.2.1.min.js"></script>
- -->
- <script language="javascript" src="jquery.jqprint-0.3.js"></script>
- <script language="javascript">
- function print(){
- $("#ddd").jqprint();
- }
- </script>
- </head>
- <body>
- <div id="ddd">
- <table>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- </table>
- </div>
- <input type="button" onclick="print()" value="打印"/>
- <p style="text-align: center; padding:50px;">
- <a href="http://www.5imoban.net" style="color:#999" target="_blank" title='网页模板'>我爱模板网</a>
- </p>
- </body>
- </html>
|