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

简介: corner ajdhsfa sfg safhjjkjksjk 123132131afasfasfsdafsaadsfasfsafsfs9999         div.

<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

 

 

相关文章
|
8月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
8月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
8月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
8月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
8月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
8月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
10月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
161 14
|
11月前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
174 21
|
11月前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
335 16
|
11月前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。