jquery插件Loadmask
Loadmask是一个jquery plugin,使用此插件可以在DOM元素加载或更改内容时为此DOM元素添加一个屏蔽层,以防止用户互动,同时起到提醒用户后台任务正在运行的作用。
它可实现的效果:
aaarticlea/png;base64,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" alt="" />
下载地址:http://pan.baidu.com/s/1pJ3U7P5
1. 调用mask(label,delay)方法屏蔽DOM元素。
$("#myDiv").mask();
$("#myDiv").mask(“Loading…”);
$("#myDiv").mask(“Loading…”,500);
参数
label:
一个文本字符串,显示在最外层的一个加载提示信息(在等待图片边上),如果此参数值为undefined,则只显示一个不带等待图标和文本提示的屏蔽层;


=undefined
delay:
以毫秒为单位的延迟显示屏蔽层的时间,如果还没有到延迟时间又调用了unmask()方法,那么什么都不会发生,即不会再显示屏蔽层。
2. 调用unmask()方法解除屏蔽。
$("#myDiv").unmask();
3. 调用isMasked()方法判断某个DOM元素是否已屏蔽。
if($("#myDiv").isMasked()){
$("#myDiv").unmask();
}
jquery插件Loadmask的更多相关文章
- 自己写jquery插件之模版插件高级篇(一)
需求场景 最近项目改版中,发现很多地方有这样一个操作(见下图gif动画演示),很多地方都有用到.这里不讨论它的用户体验怎么样. 仅仅是从复用的角度,如果每个页面都去写text和select元素,两个b ...
- JQuery插件定义
一:导言 有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery.我曾经也是这样的人 ...
- BootStrap_04之jQuery插件(导航、轮播)、以及Less
1.列偏移与列排序: ①列偏移:控制列出现的位置,某列偏移后,后序列会随之偏移--只能右偏移: col-lg/md/sm/xs-offset-*; ②列排序:控制某一列的位置,该列可以左(pull)右 ...
- 锋利的jQuery--编写jQuery插件(读书笔记五)[完结篇]
1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery 可以为后来的元素绑定事件 类似于jQuery中的live()方法 4.jQuer ...
- 2016年6月份那些最实用的 jQuery 插件专辑
jQuery 是一个快速.流行的 JavaScript 库,jQuery 用于文档处理.事件处理.动画和 Ajax 交互非常简单,学习曲线也很平坦.2016年6月的 jQuery 插件专辑里,我们选择 ...
- 教你开发jQuery插件(转)
教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文: ...
- Lazy Load, 延迟加载图片的 jQuery 插件.
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...
- JS原生ajax与Jquery插件ajax深入学习
序言: 近来随着项目的上线实施,稍微有点空闲,闲暇之时偶然发现之前写的关于javascript原生xmlHttpRequest ajax方法以及后来jquery插件ajax方法,于是就行了一些总结,因 ...
- jquery插件扩展的学习
jquery插件的学习可以点击这里 举个例子 //首先先来一个插件 (function($){ $.fn.extent({ bigfont:function(){ return this.css('f ...
随机推荐
- Java系列笔记(5) - 线程
我想关注这个系列博客的粉丝们都应该已经发现了,我一定是个懒虫,在这里向大家道歉了.这个系列的博客是在我工作之余写的,经常几天才写一小节,不过本着宁缺毋滥的精神,所有写的东西都是比较精炼的.这篇文章是本 ...
- java程序初始化顺序
使用场景: 在java程序中,当实例化对象时,对象的所在类的所有成员变量首先要进行初始化,只有当所有类成员完成初始化后, 才会调用对象所在类的构造函数创建对象. 初始化的原则: (1)静态对象优先于 ...
- Python网络爬虫案例(二)——爬取招聘信息网站
利用Python,爬取 51job 上面有关于 IT行业 的招聘信息 版权声明:未经博主授权,内容严禁分享转载 案例代码: # __author : "J" # date : 20 ...
- 20165211 2017-2018-2 《Java程序设计》第7周学习总结
20165211 2017-2018-2 <Java程序设计>第7周学习总结 教材学习内容总结 本周,我学习了书本上第十一章的内容,以下是我整理的主要知识. 第十一章 JDBC和MySQL ...
- Android学习笔记之 ActionBar
http://developer.android.com/guide/topics/ui/actionbar.html 1,ActionBar的几种形式 2,使用ActionBar需要Activity ...
- 【前端】javascript+jQuery实现旋转木马效果轮播图slider
实现效果: 实现原理: 技术栈: javascript+jQuery+html+css 实现步骤: // 0. 获取元素 // 1. 鼠标放置到轮播图上,显示两侧的控制按钮,移开后隐藏 // 2. 为 ...
- LTE-A 载波聚合(Carrier Aggregation)介绍【转】
本文转自:https://blog.csdn.net/txgc1009/article/details/46467255 载波聚合(Carrier Aggregation) 首先介绍几个基本概念 Pr ...
- DHacker 汉化
- arm linux利用alsa驱动并使用usb音频设备
一.背景: arm linux的内核版本是3.13.0 二.准备工作 添加alsa驱动到内核中,也就是在编译内核的时候加入以下选项: 接下来就重新编译内核即可 三.交叉编译alsa-lib和alsa- ...
- Asp.net简单概念知识
1. 简述 private. protected. public. internal 修饰符的访问权限.答 . private : 私有成员, 在类的内部才可以访问. protected ...