http://www.malsup.com/jquery/block/#page   blockui遮罩某个控件时候是通过控件外的div来实现的   RWC趋势下，我多采用

使用jquery的blockui插件显示弹出层 Posted on 2011-04-14 16:34 孤独者 阅读(9975) 评论( 0) 编辑 收藏 　　在做网站的开发过程中，

一、介绍blockUI     它是Jquery框架的一个插件，专门用来做提示框、模态窗口的     地址：http:

Boxy是一个基于JQuery的弹出层插件，它有相对漂亮的外观，功能齐全，支持iframe，支持模式窗口但相对于同样的弹出层插件BlockUI它明显笨重，但使用不那么方便。

JQuery.BlockUI是众多JQuery插件弹出层中的一个，它小巧（原版16k，压缩后10左右）,容易使用, 功能齐全，支持Iframe，支持Modal，可定制性高也意味他默认谦虚的外表。

BlockUI 是一个相当不错的jQuery插件，它可以轻易设定页面指定区域显示执行中文字(如 Loading...)并锁定该区域限制输入。

 --------------------blockUI------------------------------- //显示遮罩   $.blockUI({  

利用Jquery.blockui.js创建可拖动、自定义内容的弹出层 目标 ： 1 . 弹出层的内容可以自定义任意的HTML元素 ， 不仅仅只显示一行文本。 2 .

Plugins BlockUI Plugin (Updated 09-SEP-2009) Simulate synchronous ajax by blocking -

利用Jquery.blockui.js创建可拖动、自定义内容的弹出层 利用Jquery.blockui.js创建可拖动、自定义内容的弹出层 目标 ： 1 .

一、介绍blockUI     它是Jquery框架的一个插件，专门用来做提示框、模态窗口的     地址：http:

　　之前看了有一些现成的blockUI、Boxy、tipswindow等的jQuery弹出层插件，可是我的要求并不高，只需要在保存后弹出提示信息即可，至于复杂点的弹出层-可以编辑的，我是直接用bootstrap

弹出图片，用了blockUI，简单易用。 为了获取到图片的大小，借用了 http://www.planeart.cn/?p=1121 再谈javascript图片预加载

http://www.bootcdn.cn/jquery.blockUI/ 弹出： $.blockUI.defaults.message = "请稍候";

view plain copy print ?   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 

jquery.malsup.com/block/ 需要使用的js引入jquery包引入插件包JQueryBlockUI（官方下载相应的js）demo1.直接弹出提示话语                blockUI

  对jQuery blockUI插件进行了小的封装扩展，支持confirm、alert、dialog弹出窗口提示信息，支持按钮回调事件。

* jQuery blockUI plugin * Version 2.70.0-2014.11.23 * Requires jQuery v1.7 or later * * Examples

JQuery.BlockUI是众多JQuery插件弹出层中的一个，它小巧（原版16k，压缩后10左右）,容易使用,功能齐全，支持Iframe，支持Modal，可定制性高也意味他默认谦虚的外表。

Jquery局部刷新DIV里的内容，div_inner层里包含的是test.jsp页面：   //刷新 function refresh() { $.blockUI({

应该有不少类似功能的插件，我现在所用的是BlockUI插件，还有一个叫做LoadMask的插件也能实现。

1：引入js包 <script type="text/javascript" src="${ctx}/static/js/jquery.blockUI.js"

JQuery.BlockUI是众多JQuery插件弹出层中的一个，它小巧（原版16k，压缩后10左右）,容易使用,功能齐全，支持Iframe，支持Modal，可定制性高也意味他默认谦虚的外表。

     blockUI 是一个用来提示等待信息的 jQuery 插件，当要执行某个较长操作时候（大数据量查询等），通过 blockUI 显示一个遮罩层或者图片来阻止当前用户继续操作

今天发现一款老外的小巧的jquery.blockUI.js ，比如能做弹出窗口，效果不错， 代码为： <script type="text/javascript"

今天发现一款老外的小巧的jquery.blockUI.js ，比如能做弹出窗口，效果不错， 代码为： <script type="text/javascript"

今天发现一款老外的小巧的jquery.blockUI.js ，比如能做弹出窗口，效果不错， 代码为： <script type="text/javascript"

今天发现一款老外的小巧的jquery.blockUI.js ，比如能做弹出窗口，效果不错， 代码为： <script type="text/javascript"

今天发现一款老外的小巧的jquery.blockUI.js ，比如能做弹出窗口，效果不错， 代码为： <script type="text/javascript"

今天发现一款老外的小巧的jquery.blockUI.js ，比如能做弹出窗口，效果不错， 代码为： <script type="text/javascript"

今天发现一款老外的小巧的jquery.blockUI.js ，比如能做弹出窗口，效果不错， 代码为： <script type="text/javascript"

JQuery.BlockUI是众多JQuery插件弹出层中的一个，它小巧（原版16k，压缩后10左右）,容易使用, 功能齐全，支持Iframe，支持Modal，可定制性高也意味他默认谦虚的外表。

需要引入jquery.blockUI.js$.blockUI  =function(opts){install(window,opts);};此代码是jquery.blockUI.js中的加载进度条用到的一段

同时对整个页面进行遮罩处理，提升客户体验所使用框架使用Jquery的BlockUIPlugin实现，官网地址：http://www.malsup.com/jquery/block/步骤1.引用js库文件在页面引用库文件“BlockUI.js

应该有不少类似功能的插件，我现在所用的是BlockUI插件，还有一个叫做LoadMask的插件也能实现。据我相比较而言，觉得BlockUI插件要比LoadMask强大些，它们都可以选择性的遮住整个Bo

在一页面单击按钮或其他方式触发，弹出层引入所需文件 在父窗口里定义函数functiontanchu(){ window.setTimeout(function(){ $.blockUI({ message

* jQuery blockUI plugin * Version 2.42 (11-MAY-2012) * @requires jQuery v1.2.3 or later * * Examples

BlockUI对话框 BlockUI 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作。当它被激活时，它会阻止使用者与页面（或页面的一部分）进行交互，直至它被取消。

JQuery.BlockUI是众多JQuery插件弹出层中的一个，它小巧（原版16k，压缩后10左右）,容易使用,功能齐全，支持Iframe，支持Modal，可定制性高也意味他默认谦虚的外表。

请求的url：复制代码代码如下:functionrequest(url,onSuccess,paras,method,isAsync,isMask){$.ajax({type:method,url:url,async:isAsync,data:paras,success:function(request){onSuccess(request,isMask);},error:function(e){

效果图如下：部分代码：                   $(document).ready(function(){   $('#demo1').click(function(){       $.blockUI

效果图如下：部分代码：$(document).ready(function(){$('#demo1').click(function(){$.blockUI({message:$('#loginForm

当要执行某个较长操作时候，通过blockUI来阻止当前用户继续操作。

jquery.malsup.com/block/ 参数： // override these in your code to change the default behavior and style $.blockUI.defaults

当你需要使用弹出框时，当然可以使用jquery-ui,artdiag,blockUI等等，但今天我介绍一个轻量级的插件boxy!它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错！

http://yunlong167167.iteye.com/blog/1533811var__widowWidth=$(window).width();var__popWidth=$("#Loading").width();//Loading为要显示的divvar__left=(__widowWidth-__popWidth)/2+'px';var__windowHeight=$(window)

  //打开窗口       $.blockUI({message:$("#content"),css:{top:'20%',left:'20%',width:'500px',height:'500px

每当点击提交按钮式，我们总是希望让用户看到的是比较友好的界面，很多网站都是使用jQuery的blockUI插件来实现这个功能，先看看界面吧：下面我就一步一步告诉大家如何来实现这个功能，以后你就可以在你的项目中使用它了

在后台数据返回前台前的这一段时间应该出现加载等待的显示div这样既能避免了用户在等待时的烦躁还可以避免了用户的频繁点击； 使用的jquery的blockUI.js 来实现遮罩层。

图片滚动效果插件superslide官方下载地址：http://dtop.powereasy.net/SuperSlide/使用方法：首先引入jquery.pack.js,jQuery.blockUI.js