js 添加遮罩层（加载中效果）

1. 添加遮罩层

 this.mask = document.createElement('div');this.mask.style.width = window.innerWidth + 'px';this.mask.style.height = window.innerHeight + 'px';this.mask.style.background = '#fff';this.mask.style.opacity = '.1';this.mask.style.position = 'fixed';this.mask.style.top = '0';this.mask.style.left = '0';this.mask.style.zIndex = "10086";document.body.appendChild(this.mask);

2. 移出遮罩层

    document.body.removeChild(this.mask);

3. 添加一个普通的弹窗功能加载中就行，或者一个图片，定位到最中间即可

js 添加遮罩层（加载中效果）相关推荐

JQuery datatables 给表格添加加载中效果
JQuery datatables 中如果有很多数据的话,加载就会很慢,这时候就需要使用加载中的效果,而datatables是提供了加载中的属性的:processing,加载中的style样式也是可 ...
记录--Vue自定义指令实现加载中效果v-load（不使用Vue.extend）
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助网站效果演示:ashuai.work:8888/#/myLoad GitHub仓库地址代码:github.com/shuirongshu- ...
android圆形点击效果,Android 三种方式实现自定义圆形页面加载中效果的进度条
[实例简介] Android 三种方式实现自定义圆形页面加载中效果的进度条 [实例截图] [核心代码] ad376a86-a9aa-49bc-8cea-321bcff2c0c3 └── AnimRou ...
JQuery插件：遮罩+数据加载中。。。（特点：遮你想遮，罩你想罩）
在很多项目中都会涉及到数据加载.数据加载有时可能会是2-3秒,为了给一个友好的提示,一般都会给一个[数据加载中...]的提示.今天就做了一个这样的提示框. 先去jQuery官网看看怎么写jQuery插 ...
layui -- loading实现加载中效果
1.layer.msg layer.msg('Loading...', {icon: 16, shade: 0.01, time: 5000 }); 2.弹出遮罩层显示加载中 var loading ...
html 弹出遮罩 iframe,iframe正在加载时显示遮罩层加载完毕后显示iframe
QQ地带 www.oicqzone.com #loader_container { text-align:center; position:absolute; top:40%; width:100%; ...
简单的遮罩层加登录窗效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
好看的html登录遮罩提示加载中,jQuery炫酷页面预加载Loading特效插件
fakeLoader.js是一款轻量级的 jQuery 炫酷页面预加载Loading特效插件.它能帮助我们创建一个全屏遮罩效果的旋转loading效果来模拟页面预加载过程. Bower安装 bower ...
微信小程序组件实现加载中效果
大家好哇,我是梦辛工作室的灵,我又来了=-=,最近项目开发中,需实现一个加载效果,上图给大家看下: 感觉一般把,还是挺好写的,我就封装成了一个组件,方便大家以后使用,使用方法如下: <loadi ...

js 添加遮罩层（加载中效果）

js 添加遮罩层（加载中效果）相关推荐

最新文章

热门文章