jquery插件printArea打印、corner圆角使用

<div id="testdiv"class="demo" style="width:200px;height:150px;border-width:1px;border-style:solid;border-color:Blue;">
<p>corner ajdhsfa sfg safhjjkjksjk</p>
</div>

<div id="toprint">123132131<br/>afasfasfsdafsa<br/>adsfasfsafsfs9999</div>

<style type="text/css">
        div.demo, div.inner { color: #000; text-align: center; font-family: verdana, arial, sans-serif;}
div.demo  {  width: 18em; padding: 1px; margin: 1px; background: #6af; }
    </style>

<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script src="Scripts/jquery.PrintArea.js" type="text/javascript"></script>
    <script src="Scripts/jquery.corner.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#testdiv").corner("bevelfold right");//div圆角  更多内容参考:
http://jquery.malsup.com/corner/

            $("div#toprint").printArea();//打印div内容 
        })
       
    </script>

 

js文件下载:http://download.csdn.net/detail/pukuimin1226/4388428

 

 

posted @ 2012-06-23 14:03  真爱无限  阅读(275)  评论(0编辑  收藏  举报