Jquery中BlockUI的遮罩效果详解
https://blog.csdn.net/qq_24273557/article/details/60960100
BlockUI插件需要那个jQuery版本的支持?
BlockUI兼容jQuery v1.2.3以上的版本
BlockUI插件的V2版本有那些变化?
解除锁定的时候,用于提示信息的元素不会从DOM中移除
默认的遮罩层为黑色
可用的选项设置进行了统一和清理
设置插件选项的方法改变了
放弃了对Opera 8的支持
提高了源代码的可读性
移除了displayBox功能 (其他 plugins会做的更好)
我的原代码中的blockUI插件与新的2.00版兼容么?
不兼容,如果原代码改变了blockUI的默认属性,那么会出现兼容问题。如何设置选项的语法发生了细微的改变。请查看Options页来了解新版本的选项设置方法。
BlockUI插件还依赖于其他的插件么?
不依赖
我如何使用外部样式表来格式化提示信息?
请查看 demo页.
我可以改变页面锁定时默认的提示信息么?
可以。默认的提示信息储存在$.blockUI.defaults.message中。你可以以一个新的值来替换它,例如:
$.blockUI.defaults.message = "Please be patient...";
我能够改变遮罩层的颜色和透明度么?
可以。默认的遮罩层样式储存在 $.blockUI.defaults.overlayCSS中。你可以指定一个不同的颜色和透明度,
例如
// 使用黄色遮罩层
$.blockUI.defaults.overlayCSS.backgroundColor = '#ff0';
// 使遮罩层更透明
$.blockUI.defaults.overlayCSS.opacity = '.2';
BlockUI支持Opera 8么?
不支持
在Linux的FF上我为什么看不到遮罩层?
有几个人告诉我,在FF/Linux上整个页面的透明度渲染慢的让人发疯,所以默认情况下,在这些平台上遮罩层不透明。你可以重设applyPlatformOpacityRules值来启用透明度。例如:
// 在FF/Linux下启用遮罩层透明$.blockUI.defaults.applyPlatformOpacityRules = false;
BlockUI基本使用
// 当有ajax请求时,当加载信息较慢时,会显示该等待信息,带来良好的用户体验
$(document).ajaxStart(function () {
$.blockUI({
// $.blockUI.defaults.message = "请稍候";(不写在$.blockUI({})里,写在外面)
message: '<span style="font-size:13px;font-weight:bolder">请稍候</span>',
// 指的是提示框的css
css: {
width: "45px", // 宽度小一点
top: "50%",
left: "50%"
},
// 遮光罩的css
// 等价$.blockUI.defaults.overlayCSS.backgroundColor = "#E4E7EC";
overlayCSS: {
backgroundColor: "yellow",
opacity:"0.8"
}
});
});
下载
新版本的blockUI v2.00可以在这里得到: jquery.blockUI.js.
旧版本的blockUI仍然可以在这里得到: http://jqueryjs.googlecode.com/svn/trunk/plugins/blockUI/jquery.blockUI.js. 旧版本的文档在这里.
Jquery中BlockUI的遮罩效果详解相关推荐
- jQuery中getJSON跨域原理详解
详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp28 jQuery中getJSON跨域原理详解 前几天我再开发一个叫 河蟹工 ...
- php delegate,jQuery中delegate()方法的用法详解
delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数.下面我们具体来了解一下. 语法结构: 代码如下: $(selector).d ...
- JQuery在循环中绑定事件的问题详解
JQuery在循环中绑定事件的问题详解 有个页面上需要N个DOM,每个DOM里面的元素ID都要以数字结尾,比如说 ? 1 2 3 <input type="text" nam ...
- Android中measure过程、WRAP_CONTENT详解以及xml布局文件解析流程浅析(下)
本文原创, 转载请注明出处:http://blog.csdn.net/qinjuning 上篇文章<<Android中measure过程.WRAP_CONTENT详解以及xml布局文 ...
- resultmap的写法_mybatis的mapper.xml中resultMap标签的使用详解
1.前言 最近博主在做一个ssm框架的共享汽车管理系统,其中,数据库字段设计的有下划线方式,a_username,然后在写mapper.xml里面的sql语句的时候,一直出现查询语句查询的值为null ...
- mysql中find_in_set_mysql中find_in_set()函数的使用详解
首先举个例子来说: 有个文章表里面有个type字段,它存储的是文章类型,有 1头条.2推荐.3热点.4图文等等 . 现在有篇文章他既是头条,又是热点,还是图文,type中以 1,3,4 的格式存储.那 ...
- python中configparser详解_Python中的ConfigParser模块使用详解
1.基本的读取配置文件 -read(filename) 直接读取ini文件内容 -sections() 得到所有的section,并以列表的形式返回 -options(section) 得到该sect ...
- 聚类 python_python中实现k-means聚类算法详解
算法优缺点: 优点:容易实现 缺点:可能收敛到局部最小值,在大规模数据集上收敛较慢 使用数据类型:数值型数据 算法思想 k-means算法实际上就是通过计算不同样本间的距离来判断他们的相近关系的,相近 ...
- java asynchronize_Java 中synchronize函数的实例详解
Java 中synchronize函数的实例详解 java中的一个类的成员函数若用synchronized来修饰,则对应同一个对象,多个线程像调用这个对象的这个同步函数时必须等到上一个线程调用完才能由 ...
- java实现for文件删除_Java 添加、删除、替换、格式化Word中的文本的步骤详解(基于Spire.Cloud.SDK for Java)...
Spire.Cloud.SDK for Java提供了TextRangesApi接口可通过addTextRange()添加文本.deleteTextRange()删除文本.updateTextRang ...
最新文章
- 手机游戏深化、改革。
- linux关于程序的user,c – “get_user_pages”如何工作(对于linux驱动程序)
- CF 6 A. Triangle
- n型半导体和p型半导体的区别_VNX系列大流量工业型膜堆, 为半导体等行业提供超纯水!...
- 我的第一本算法书(图解算法)——什么是哈希表
- Xcode 4.2 中的Automatic Reference Counting (ARC) (转)
- python 干什么工作具有明显优势-Python 的优势在哪里?
- 服务器文件夹变成自读,服务器终端改文件读写权限
- 伟库网与英特尔联手打造“用友伟库云”
- udp java 检测连接_java创建udp连接 java udp怎样测试是否连接
- MUI框架学习(2)-页面间传值
- 电路实验一阶电路误差分析_动态电路分析
- 技术可行性与操作可行性的资料搜集与分析
- leecode.1758. 生成交替二进制字符串的最少操作数
- LaTeX 数学公式及符号
- install pecl php_Linux下 PHP 安装pecl_http方法
- ODOO13 开发教程三 开始你的第一个模块
- 2018n年全国计算机考试,2018ncre全国计算机等级考试报名系统
- 【人工智能】Fisher 线性分类器的设计与实现(QDU)
- Storm专题一、Storm DRPC 分布式计算
热门文章
- python基础视频课件
- 爬虫小白第一篇 西刺代理
- TOUCH PANEL
- stc51单片机入门 c语言,STC51单片机入门(语言)
- Clearcase, SVN, Git之我见
- ussd代码大全_USSD查询器app
- 偏微分方程的数值解(二): 一维状态空间的偏微分方程的 MATLAB 解法
- iso22000食品安全管理体系_ISO22000-食品安全管理体系认证
- 科创板已开板 区块链离科创板还远吗?
- 车载前视摄像头学习笔记 ———— 摄像头输出数据格式(RGB)