使用jQuery插件PrintArea进行html页面打印

在开发系统时,我们一般会有统计分析的功能需求,而现在大多数系统都是使用B/S的形式开发. 所以,html报表打印,并且打印指定内容,成了必要的功能. 开源地址:https://github.com/RitsC/PrintArea 使用非常简单,在需要打印的div加入class=PrintArea即可. 然后调用$("div.PrintArea").printArea( [OPTIONS] ); 其中options默认值为 var defaults = { mode : modes.if…

Jquery 插件PrintArea 打印指定的网页区域

Jquery 插件PrintArea 打印指定的网页区域需要下载jquery 和printarea.js插件 PrintArea.Js插件,可以打印整个网页中某个指定的区域. $("打印区域").printArea(); $("打印区域") 这个只会打印该区域内的内容(innerHTML),不会打印整个区域outHtml…

元素视差方向移动jQuery插件-类似github 404页面效果

原文地址:http://www.xuanfengge.com/shake.html 前言: 视差滚动,大家也许并不陌生.但是对于视差方向移动,你是否有见过效果呢?看官请进来瞧瞧~ demo : 轩枫阁404页面:http://xuanfengge.com/demo/201406/404/ github 404页面:https://github.com/404 说明:轩枫阁的404页面灵感来自于Github 404页面效果,并增强了交互.同时轩枫阁的第一个404页面效果是腾讯公益404寻找孩子页面…

Jquery插件jqprint-0.3.js实现打印

1.首先引用Jquery和jqprint-0.3.js(依赖于Jquery的) <script language="javascript" src="jquery-1.4.4.min.js"> </script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> 2.Hmtl代码 <div…

使用jquery、ajax不刷新页面打印表格（返回数据类型text、json）；

效果图: 一:返回数据是text时 1.表单代码: <body> <form action="#" method="post"> 姓名:<input type="text" id="name"><br> 编号:<input type="text" id="num"><br> 内容:<textarea cols=…

jQuery打印插件PrintArea实现

实现javascript打印功能,打印整个页面就很简单,但如果指定打印某一个区域就有点难点,这里有一个jQuery插件PrintArea可实现打印页面某区域功能. 使用说明需要使用jQuery库文件和PrintArea库文件使用方法一,包含文件部分 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript&qu…

【转】2014年25款最好的jQuery插件

2014年25款最好的jQuery插件来源:Specs' Blog-就爱PHP 时间:2014-12-30 10:24:10 阅读数:2267 分享到: 0 http://www.php100.com/html/it/qianduan/2014/1230/8211.html [导读] 马上2014年就要过去了,可能很多人都在做关于2014年的各种总结,今天我来给大家分享篇关于jQuery插件的总结文章. 马上2014年就要过去了,可能很多人都在做关于2014年的各种总结,今天我来给大家…

2014优秀的好用的20款免费jQuery插件推荐

2013 年最好的 20 款免费 jQuery 插件,世界买家网 www.buyerinfo.biz在这里分享给大家这些插件对设计者和开发者都有很大的帮助,希望大家能够喜欢:) 现今互联网市场上提供很多 jQuery 插件,都给出了很显著和壮观的结果,并且都承诺能给开发者提供很大的帮助.多年来 jQuery 的混合通用性和可扩展性让人们目睹了多种多样的编写形式.众所周知,jQuery 插件是 javascript 框架,是最好的 web 设计和开发工具,也因此很多 web 开发者都会使用并且…

图片延迟加载jquery插件imgLazyLoading

实现了图片延迟加载功能,插件代码非常简洁,且每个功能都把注释写得非常详细,适合网友们学习,好好利用哦引入图片延迟加载Jquery插件文件后,页面使用代码如下: <script type="text/javascript" charset="utf-8"> $(".lazyLoading").imgLazyLoading({ // 记录图片真实地址的属性名 url : "data-url", // 图片渐出效果以及…

2013 年最好的 20 款免费 jQuery 插件

2013 年最好的 20 款免费 jQuery 插件 oschina 发布于: 2014年01月11日 (8评) 分享到新浪微博腾讯微博收藏+99 互联网上面有很多 jQuery 插件,这里我们收集的是 2013 年最好的 20 款免费 jQuery 插件,这些插件对设计者和开发者都有很大的帮助,希望大家能够喜欢:) 现今互联网市场上提供很多 jQuery 插件,都给出了很显著和壮观的结果,并且都承诺能给开发者提供很大的帮助.多年来 jQuery 的混合通用性和可扩展性让人们目睹了多种多样…

asp.net 实现在线打印功能，jQuery打印插件PrintArea实现自动分页

使用的组件:jQuery打印插件PrintArea,有兴趣的可以研究一下. 使用方法略过,这里将介绍如何实现打印多页是可以分页. 现在提供两种方法思路: 1.根据特定的打印机型号和使用的纸张类型,然后用JS来算出每页多高,按照每张纸的高度来进行适当的增减高度.(这种方式缺点就是只能针对单中类型的纸张,计算十分的繁琐,要些很多加减法 -_-);). 参考A4纸高度的网页:http://www.jb51.net/office/word/67360.html 2.在如上一个思路的方式,试着查找能不能自…

jQuery简单易用的网页内容打印插件

简要教程 jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件.该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容.并且提供了丰富的打印参数设置. 使用方法使用该网页打印插件要引入jQuery和jquery.print.js文件. <script type="text/javascript" src="js/jquery.min.js"></script> <scri…

js或jquery实现页面打印可局部打印

方法一:直接用js的打印方法 <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> 方法二:引用jquery插件打印(可以打印整个网页内容和网页的局部内容) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q…

使用jqprint插件完成页面打印

使用jqprint插件完成页面打印 jqprint是一个基于jQuery编写的页面打印的一个小插件,但是不得不承认这个插件确实很厉害,最近的项目中帮了我的大忙,在Web打印的方面,前端的打印基本是靠window.print()的方式进行打印的,而这个插件在其基础上进行了进一步的封装,可以打印网页上的某个区域,这是个亮点.比如说现在要打印如下的一个效果: 我们可以通过写代码完成上述的效果,然后单击网页上的某个按钮,在按钮的处理方法里调用jqprint(),来完成这个区域的的打印显示的操作,首先要获…

网页引导：jQuery插件实现的页面功能介绍引导页效果

现在很多网站不仅是介绍,更多的是有一些功能,怎么样让客户快速的知道网站有哪些功能呢?这里pagewalkthrough.js插件能帮我们实现,它是一个轻量级的jQuery插件,它可以帮助我们创建一个遮罩引导层,实现页面功能引导功能,引导完成显示页面内容. 下载源码 html代码: <div id="walkthrough-content"> <div id="walkthrough-1"> <h3>欢迎来到网页引导示例DEMO演示…

8个实用的页面布局和用户界面jQuery插件

网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求.可能一些需求不能单独使用CSS就能实现的.于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现.其实如果你知道一些jQuery,你会发现这些jQuery非常的好用和灵活.在这篇文章中我们分享了一些优秀实用的jQuery插件.希望可以帮助你完成一些你一直想要的东西,也希望可以提高你进行中的项目.它涉及到关于网页的布局和用户的界面. equalize.js 均衡的高度或宽度的元素的jQuery插件…

20 个用于处理页面滚动效果的 jQuery 插件

对设计和开发一个网站来说,web开发者不能低估了网站滚动效果的重要性.如今,设计者们都视为一大挑战了,在网站中设计出吸引眼球的高效视觉滚动效果.幸运的是有各种各样的jquery 滚动插件可供他们使用,有了这些插件,他们可以根据页面滚动的位置做出很多吸引眼球的效果,像背景变换.动画等等. 本文中我收集了20款可以帮你实现很绚效果的Jquery滚动插件. 有了下面的这些jQuery滚动插件,你可以随意的让网站中的任何元素滚动, 使网站变得更加绚丽.吸引眼球. 1. One Page scroll O…

jQuery插件综合应用(三)发布文章页面

一.使用的插件一个折叠的功能导航,由Akordeon插件实现.Nanoscroller插件与Tagit插件主要用于美化页面.这里只是测试,其实还可以综合使用其它的插件,例如将Akordeon插件换成菜单插件,而且也可以使用jquery ui,之所以没有使用jquery ui,是因为修改jquery ui 的style对我来说比较复杂,所以没用.还有用户添加分类信息时如果需要弹出一个层,可以使用Lightbox_me插件实现.如用户输入的内容比较多,浏览器可能会有滚动条显示,我们可以使用scro…

jQuery插件综合应用(二)文字为主的页面

一.介绍文字内容是每个网站都有的内容,网站在展示文字内容时,总是比图片.视频等富媒体内容要难一些,因为富媒体容易被用户接受.尤其是越多的文字内容越难以被用户通篇的阅读,跳跃式阅读往往是阅读的主要方式. 那么做为站长的我们,该如何使用户轻松阅读我们写的文章,也是非常重要的事情,因为我们发布一篇文章,目的是为了供网友阅读,产生共鸣.如果发布一篇文章没人看,或者看完了也不知道文章在说些什么,那发布文章也没有意义. 为了使用户轻松阅读文章,改进的方面主要有以下3点.1)文章的选题,做为开发人员,可以选…

自己改写了一个图片局部放大的jquery插件页面里面的html代码少了，同一个页面可以调用多个

自己改写了一个图片局部放大的jquery插件页面里面的html代码少了,同一个页面可以调用多个,兼容ie8以上浏览器,别忘了引用jquery,我用的jquery/1.11.0/其他版本没有测试,另外需要注意的时候设置要局部放大的图片以及外部容器的宽度必须一致,否则效果不正确 (function($){ var wlfimgzooms=[]; $.fn.wlfimgzoom=function(options){ if ($(this).length > 1) { var instances = […

ajax——三级联动下拉列表框的优化（简化页面，用jquery插件代替原来页面代码，返回处理数据类型为"TEXT"）

数据库: 主页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="…

帮助快速生成页面固定显示元素的jQuery插件 - sticky-kit

来源:GBin1.com 如果需要在用户滚动页面的时候,保持特定元素始终可见的话,今天这里我们介绍的Sticky-Kit是一个不错的选择. 它是一个开源的jQuery插件,可以帮助大家快速针对页面元素来生成固定页面的效果.往往大家在开发导航栏的时候,需要类似这样的功能. 主要的特性支持多个元素的固定展示支持元素展示的位置及其viewport 使用非常简单,类库非常小如何使用 $("#sticky_item").stick_in_parent() 或者 $("#stick…

jQuery插件--zTree中点击节点实现页面跳转时弹出两个页面的问题

这是第一次使用zTree,所以在使用之前我要先写一个demo来学习一下.我们要注意的是,zTree是一个jQuery插件,所以我们在导入zTree的js文件之前要先导入jQuery的js文件. 我们先下载zTree,点击我跳转到一个网站进行下载代码直接贴出来 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link…

记录-springMVC访问web-inf下文件问题+在jsp页面导入jquery插件路径不对问题

环境:spring + springMvc + mybatis + maven 关于在springMVC环境访问web-inf目录下文件,其一有在springMVC xml文件下加  <mvc:default-servlet-handler /> 如果还是不能访问,继续在配置文件中追加 <mvc:resources mapping="/res/**" location="/WEB…

七个帮助你处理Web页面层布局的jQuery插件

1.UI.Layout jQuery UI布局插件官方网站:http://layout.jquery-dev.com/index.cfm 使用大小可折叠的嵌套面板和大量选项创建高级UI布局.布局可以创建任何你想要的UI外观; 从简单的标题或侧边栏到具有工具栏,菜单,帮助面板,状态栏,子表单等的复杂应用程序.集成并增强其他UI小部件,如选项卡,手风琴和对话框,以创建丰富的界面. 图片发自简书App 2.jQUery Masonry 官方网站:https://masonry.desandro.c…

jQuery插件实现的页面功能介绍引导页效果

新产品上线或是改版升级,我们会在用户第一次使用产品时建立一个使用向导,引导用户如何使用产品,如使用演示的方式逐一介绍界面上的功能模块,从而提升了用户体验和产品的亲和力. Helloweba.com之前也有相关文章介绍:<构建一个用于产品介绍的WEB应用>,相信对有需要的朋友有帮助.本文将介绍另一款基于jQuery的页面引导页插件:pagewalkthrough.js,来看如何使用它. 先点击这里可以看在线演示效果 HTML 首先记得加载所需的css文件和jQuery库文件,以及pagewalk…

Jquery 页面打印

Jqprint实现页面打印

好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1.实现页面打印要引入jQuery和Jqprint.点击下载Jqprint插件 <script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js&…

50个jQuery插件可将你的网站带到另一个高度

Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有更强的处理能力. 关键是这些新发展起来的脚本和插件是能构建响应式Web的,而且还不会丧失它们原有的功能特性——除了更优秀和更轻巧(就文件大小而言)之外,它们还不会增加页面加载的时间. 通过浏览文档,掌握JQuery的语法是很容易的.它可以支持选择DOM元素,创…