项目开发中用到了jquery easyui 组件,需要在点某一个按钮的时候添加一个遮罩,如下图所示:
首先需要导入两个文件:
1。因为里面有用到jquery,所以需要导入jquery-1.8.0.min.js
2。附件中的mask.js文件
前端页面代码如下:
<%@ page contentType="text/html;charset=UTF-8"%> <!DOCTYPE html> <html> <head> <title>遮罩mask</title> <script type="text/javascript" src="../js/easyui/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="../js/easyui/mask.js"></script> <script> //打开遮罩 $(function () { $("body").mask({ //设置遮罩透明度,范围0.1透明~1不透明 opacity:0.4, //消息:loading的gif图片+文字 maskMsg:"<img src='../images/loading.gif'>正在处理,请稍候..." }); setTimeout("closeMask()",3000);//延时,设定closeMask函数将在3秒后执行 }); //关闭遮罩 function closeMask(){ $("body").mask("hide"); } </script> <!--下面这段代码可以让遮罩遮住整个页面。如果不加,可能遮罩只会遮住一部分--> <style type="text/css"> html,body {height:100%;} </style> </head> <body> 测试遮罩mask页面 </body> </html>
相关推荐
moviepy音视频剪辑:使用mask遮罩实现视频叠加透明效果.rar
Web-前端html+css从入门到精通 161. mask遮罩效果.zip
moviepy音视频剪辑:使用mask遮罩剪辑实现叠加透明效果详解.rar
主要介绍了CSS3 mask 遮罩的具体使用方法,详细的介绍了CSS3 mask 遮罩的具体使用,具有一定的参考价值,有兴趣的可以了解一下
Unity3D实现mask遮罩的脚本 Posted on 2013年04月07日 by U3d / Unity3D脚本/插件/被围观 259 次 Unity3D
CSS遮罩层mask css制作遮罩层mask.zip
JSP页面增加遮罩
之前在工作中搭建前端页面时用到的一个遮罩案例,感觉很实用,分享给大家,需要结合Ajax使用。大家多多支持!
Unity5的unitypackage 利用UI Mask 实现对Sprite精灵遮罩处理。不是插件
cocos2d-x目前无法利用opengl es2.0的shader来实现mask效果,如果按照老外提供的renderTexture来实现性能就太差了。遍寻网上后在cocoachina上找到一个深入了解OpenGL-模板测试,经过改造后终于可以在cocos2d-x中使用...
NULL 博文链接:https://2814704901.iteye.com/blog/1955402
遮罩mask的功能就是使用透明的图片或渐变遮罩元素的背景。于是,遮罩mask与背景background非常类似,除了没有color子属性,背景background剩下的6个子属性,mask都有 遮罩mask是一个复合属性,包括mask-image、mask-...
1.可控制遮罩绘制时候是起始和终止点是矩形还是圆形 2.可控制遮罩颜色,用户自定义 3.可控制遮罩线条粗细,1~150像素范围内 4.可控制遮罩当前是绘图还是移动图片模式 5.添加橡皮擦功能 6.release模式下,20M以内的图...
经典前端手风琴、遮罩、焦点轮播、旋转木马效果源码
遮罩层:可以将与遮罩层相链接的图形中的图像遮盖起来。用户可以将多个层组合放在一个遮罩层下,以创建出多样...
NULL 博文链接:https://gjp014.iteye.com/blog/2001946
应用移动H5领域。CSS3 实现Loading加载,页面遮罩层的应用。
支持遮罩、拖动、嵌入页面、换肤等实用功能 调用简单,注释简明,更有详细样例! 支持ie、firefox、chrom
用遮罩层显示页面加载信息,纯JS的,代码简单,功能完善.调用showMask()函数即可看到效果.