`
流浪鱼
  • 浏览: 1634924 次
  • 性别: 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 插件的使用方法。 本工程编码方式为:UTF-8

    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.loadmask.js

    jquery.loadmask.js

    jquery loading(遮罩)插件

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

    xheditor+requireJS+loadmask

    集成xheditor,loadmask和requireJS完成的通过JQuery异步提交数据到服务器的代码

    Silverlight版本的LoadMask DemoSL

    Silverlight版本的LoadMask DemoSL

    extjs mask load

    NULL 博文链接:https://rdman.iteye.com/blog/1156440

    RDF 使用帮助

    <link rel="stylesheet" ... loadmask.js 该文件是页面加载提示层,应该放在样式文件之后, rdf-all.js之前引入。 rdf-all.js 该文件已经包含了ext 框架的js 文件,它应该在执行js 之前引入,而且在样式文件之后。

    ExtJs设置GridPanel表格文本垂直居中示例

    业务场景,需要实现最终效果图如下: GridPanel代码如下配置: 代码如下: { xtype : ‘grid’, id : ‘grid_jglb’, frame : true, region : ‘center’, title : ‘列表详细信息’, columnLines : true, loadMask :...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    ExtAspNet v2.2.1 ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, ...

Global site tag (gtag.js) - Google Analytics