最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery 弹出层之JQuery.BlockUI插件
时间:2011-10-02 编辑:简简单单 来源:一聚教程网
JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表。
jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为,锁定浏览器(模式窗口)。当被激活时,它会防止用户活动的页面(或页面的一部分),直到它被禁用。 BlockUI添加元素的DOM,给它的外观和阻止用户交互行为。
1、首先引入插件
2、调用
代码如下 | 复制代码 |
|
3、样式修改
jQuery blockUI 提供的默认样式过于朴素, 可以在每一次调用blockUI() 函数时进行修改. 也一次直接修改库文件 jquery.blockUI.js, 修改$.blockUI.defaults 对象相关的代码:
代码如下 | 复制代码 |
显示源码 Please wait...',//定义消息框样式 // $.blockUI.defaults.css = {}; //默认定义消息框样式Css样式
|
总结:上面的文字个人认为写的比较烂,但基本的使用没有问题,详尽的支持是官网:
-
上一个: jQuery常用的正则表达式
-
下一个: 表格隔行换色js和jquery的实现方法
相关文章
- jQuery实现单击按钮遮罩弹出对话框效果(1) 04-20
- jQuery实现单击按钮遮罩弹出对话框效果(2) 04-20
- jQuery点击弹出层弹出模态框点击模态框消失代码分享 02-13
- jQuery弹出层插件hwLayer使用方法详解 05-21
- jquery实现点击弹出带标题栏的弹出层效果代码 09-24
- jquery弹出对话框背景遮罩例子 09-02