`
流浪鱼
  • 浏览: 1673472 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery的loadmask插件

 
阅读更多

LoadMask jQuery插件用于当DOM元素加载或变化期间,对其进行遮挡阻止用户操作并告知有些后台任务还在进行。实现“正在加载中…”的效果

1.调用mask(label,delay)方法屏蔽DOM元素

label一个文本字符串,显示在最外层的一个加载提示信息(在等待图片边上),如果此参数值为undefined,则只显示一个不带等待图标和文本提示的屏蔽层

delay以毫秒为单位的延迟显示屏蔽层的时间,如果还没有到延迟时间又调用了unmask()方法,那么什么都不会发生,即不会再显示屏蔽层

$("#myDiv").mask();
$("#myDiv").mask(“Loading…”);
$("#myDiv").mask(“Loading…”,500)

 

2.unmask()移除DOM元素上的屏蔽层,此方法支持一个或多个selector

$("#myDiv").unmask();

3.isMasked()

 

检查一个DOM元素上是否有屏蔽层,如果没有屏蔽层或屏蔽层延迟显示,都返回false,否则返回true

if($("#myDiv").isMasked()){
  $("#myDiv").unmask();
}


 
 
 
 
 
 
  • 大小: 9.3 KB
分享到:
评论

相关推荐

    jquery loadmask 插件的使用方法

    **jQuery LoadMask插件是网页开发中常用的工具,主要用于在页面元素加载或处理过程中显示遮罩层,以提供用户友好的界面反馈。它能够告诉用户系统正在进行后台操作,避免用户在数据处理期间进行不必要的交互,从而...

    jquery loadmask 简单的遮罩

    在网页开发中,jQuery Loadmask 是一个非常实用的插件,它主要用于创建简单的遮罩效果。这个工具在页面加载数据或者进行异步操作时,可以为用户提供一个视觉上的反馈,表明程序正在处理请求,避免用户在等待过程中...

    jquery-loadmask-0.4[蜗牛修改版]

    jquery-loadmask-0.4[蜗牛修改版],是对jquery-loadmask-0.4 ,基于jquery,实现指定页面DOM元素、指定等候、锁屏时间等功能;语法:$("#锁定DOM元素ID").mask("正在处理,请稍等......", -10[出现廷迟时间毫秒], ...

    jquery.loadmask.zip

    Loadmask是一个jquery plugin,使用此插件可以在DOM元素加载或更改内容时为此DOM元素添加一个屏蔽层,以防止用户互动,同时起到提醒用户后台任务正在运行的作用。 使用此插件可以大大提高用户体验,此插件是一个...

    jquery loading(遮罩)插件

    jQuery Loading插件用于当DOM元素加载或变化期间,对其进行遮挡阻止用户操作并告知有些后台任务还在进行。实现“正在加载中…”的效果。整个插件只有1kb左右。效果跟extjs遮罩(锁屏)效果基本一样。

    jquery.loadmask.js

    jquery.loadmask.js

    xheditor+requireJS+loadmask

    3. **loadmask使用**:加载jQuery和jQuery.loadmask插件,然后在提交事件中应用loadmask。例如: ```html <script src="jquery.js"> <script src="jquery.loadmask.min.js"> $(function() { $('#submitBtn')....

    Silverlight版本的LoadMask DemoSL

    Silverlight是微软推出的一种浏览器插件技术,用于创建丰富的、交互式的网络应用程序。它提供了类似于WPF(Windows Presentation Foundation)的功能,但适用于跨平台的Web环境。在Silverlight应用中,UI设计和编程...

    JS遮罩插件

    在给定的"JS遮罩插件"压缩包中,"jqLoad"可能是jQuery Load Plugin的简写,这暗示了这个插件可能基于jQuery框架。jQuery是一个强大的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。使用jQuery...

    js遮罩层插件

    在这个场景中,我们讨论的插件可能名为“LoadMask”或者“lwb_LoadMask”,它包含两个核心文件:loadMask.css 和 lwb_LoadMask.js。 `loadMask.css` 是样式表文件,它定义了遮罩层的外观和行为。这个文件中会包含 ...

    jquery-easyui-1.2学习参考

    16. **加载提示(LoadMask)**:在操作过程中显示遮罩,提示用户系统正在处理请求。 通过压缩包中的“demo”,你可以看到这些组件的实际应用效果,理解其用法和配置选项。参考资料则会进一步解释每个组件的API、事件...

    extjs mask load

    通常,当你调用某个组件(如Grid或Window)的`loadMask`方法时,会在该组件上显示一个半透明的覆盖层,表示后台正在执行加载或处理操作。 `mask`功能可以结合使用`Ext.LoadMask`类,这是一个独立的组件,可以附加到...

    RDF 使用帮助

    - `loadmask.js`:页面加载提示层的脚本文件,应在样式文件之后以及 `rdf-all.js` 之前引入。 - `rdf-all.js`:RDF 框架的主要 JavaScript 文件,已包含了 ExtJS 的 JavaScript 文件,应当在执行任何自定义 ...

    Extjs的tree

    通过配置`loadMask`可以在数据加载时显示遮罩,提高用户体验。 10. **扩展和插件** ExtJS Tree支持各种插件,如`checkboxmodel`(复选框模型)和`gridviewdragdrop`(拖放插件),可以轻松地为TreePanel添加新功能...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    在进行Ajax请求之前,我们可以使用Ext.MessageBox确认框来询问用户是否要进行操作,并在用户确认后显示一个加载遮罩(LoadMask)。 接下来,我们通过Ext.LoadMask组件来实现加载提示。Ext.LoadMask可以对指定的DOM...

    Extjs的loading效果

    在ExtJS中,我们可以使用`Ext.LoadMask`类来创建一个全局或者局部的加载遮罩。加载遮罩会在指定元素上覆盖一层半透明的背景,并显示一个加载图标或文字。例如,我们可以为整个页面设置加载遮罩: ```javascript ...

    ext 简单 进度条 伪进度条

    在这个例子中,`Ext.LoadMask` 被应用于 ID 为 "bar" 的 DOM 元素上,并且设置了一个加载提示消息为 "У"。此外,`removeMask` 属性被设置为 `true`,这意味着当遮罩不再需要显示时会自动移除。 ### 4. 伪进度条...

    ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询

    2. **分页插件(Paging Toolbar)**:当与数据存储结合使用时,分页工具栏(`Ext.PagingToolbar`)可以在底部显示页码导航,允许用户切换页面。它需要配置`store`属性来引用数据存储,并通过`displayMsg`和`emptyMsg...

Global site tag (gtag.js) - Google Analytics