html 弹出遮罩 iframe,iframe正在加载时显示遮罩层 加载完毕后显示iframe
#loader_container {
text-align:center;
position:absolute;
top:40%;
width:100%;
left: 0;
}
#loader {
font-family:Tahoma, Helvetica, sans;
font-size:11.5px;
color:#000000;
background-color:#FFffff;
padding:10px 0 16px 0;
margin:0 auto;
display:block;
width:230px;
border:1px solid #5a667b;
text-align:left;
z-index:2;
}
#loader_bg {background-color:#e4e7eb;
position:relative;
top:8px;
left:8px;
height:7px;
width:213px;
font-size:1px;
}
#progress {
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:0px;
background-color:#77A9E0;
}
document.write('
首次加载可能会花费一分钟,请稍候...
');
var t_id = setInterval(animate,20);
var pos=0;
var dir=2;
var len=0;
function animate()
{
var elem = document.getElementById('progress');
if(elem != null) {
if (pos==0) len += dir;
if (len>32 || pos>179) pos += dir;
if (pos>179) len -= dir;
if (pos>179 && len==0) pos=0;
elem.style.left = pos;
elem.style.width = len;
}
}
function remove_loading() {
this.clearInterval(t_id);
var targelem = document.getElementById('loader_container');
targelem.style.display='none';
targelem.style.visibility='hidden';
}
html 弹出遮罩 iframe,iframe正在加载时显示遮罩层 加载完毕后显示iframe相关推荐
- ios 键盘弹出input输入框被遮挡 键盘隐藏时页面无法回弹解决方案
ios 微信键盘弹出input输入框被遮挡 键盘隐藏时页面无法回弹解决方案 问题:测试发现ios微信端浏览器中,键盘弹出后,输入框被软键盘遮挡,input失焦后,因软键盘顶起的页面没有回弹到原来位置, ...
- 玩游戏的时候计算机弹出,win10电脑全屏玩游戏时自动弹出桌面的问题怎么解决...
win10电脑全屏玩游戏时自动弹出桌面的问题怎么解决 有的小伙伴在使用Windows10系统的电脑玩游戏时,总会自动弹出桌面,觉得非常麻烦,但是却不知道如何解决这一问题,那么小编就来为大家介绍一下吧. ...
- 解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后,页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开
//解决Android软键盘弹出覆盖h5页面输入框问题 window.addEventListener('resize', () => {if (document.activeElement.t ...
- python documentation弹出_为什么在使用python idle时,会弹出python documentation?
看下能不能帮到你或者你说详细一些,要么截个图: IDLE是Python软件包自带的一个集成开发环境,初学者可以利用它方便地创建.运行.测试和调试Python程序. 一.IDLE的安装 实际上,IDLE ...
- 解决Win11(Win10同样适用)“弹出USB Attached SCSI(UAS)大容量存储设备时出问题”
解决Win11"弹出USB Attached SCSI大容量存储设备时出问题" 一.问题描述 二.查找正在使用的程序的进程ID 三.删除进程AlibabaProtect.exe 一 ...
- android中点击按钮弹出一个编辑框,本人是在Button的基础上加了Dialog,Dialog添加了一个编辑框,怎么将Button上的显示文字变成...
button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Alert ...
- vscode 经常弹出:尝试在目标目录创建文件时发生一个错误 重试 跳过这个文件 关闭安装程序
系列文章目录 文章目录 系列文章目录 前言 一.问题定位? 二.解决办法 1.找到vsCode的安装路径 2.鼠标右键选中Microsoft VS Code文件夹->属性 3. 点击" ...
- python如何暂停脚本弹出对话框_如何在点击时暂停pyautogui脚本?
我想让我的脚本Pyautogui暂停当用户点击并显示一个对话框或重新点击继续在最后一行暂停.在 我尝试了不同的测试,但没有成功.在 我主要用Queue测试当用户输入"Space"时 ...
- 关于WebView加载H5页面下载文件和下载完毕后自动打开文件
前段时间有个项目需要在H5页面里下载文档文件,由于项目需求这里采用Android系统自带DownloadManager来进行后台自动下载管理,我们只需要稍微设置几个参数就进行文件下载了,并且下载进行时 ...
最新文章
- Matlab数据的可视化 -- 简易表面图
- android脚步---设置layout隐藏属性
- python股票交易编程最好的书_用Python 进行股票分析 有什么好的入门书籍或者课程吗?...
- Codeforces - 102222C - Caesar Cipher
- 会不会导致内存泄漏_Java内存泄漏!为什么会泄漏?如何泄漏?怎么定位?
- PL/SQL developer快速执行选定语句
- 将vim打造成python开发工具
- 利用c语言在屏幕上打印出窗口,南开19春学期(1709、1803、1809、1903)《计算机应用基捶在线作业...
- 深度可分离卷积解析 - MobileNetV1
- RK3399平台开发系列讲解(USB设备驱动)5.31、使用usb gadget configfs配置USB功能
- Linux显示2015年日历表
- 用python验证谷角猜想_角谷猜想 - 寂寞暴走伤的个人空间 - OSCHINA - 中文开源技术交流社区...
- 怎么绕过PHP的防护,PHP代码层防护与绕过
- From detailed models to formal spiking neurons
- form提交的几种方法
- 有生之年,被FCoin坑到底?
- gradle - Gradle tool window
- ambari mysql 密码_ambari密码重置
- 【沃顿商学院学习笔记】公益创业——03确定市场细分Identify market segmentation
- LIMS实验室系统建设如何提高检验效率?
热门文章
- 初学python还是swift-Swift 势必取代 Python?
- python中的time库安装步骤-Python time库基本操作方法
- python使用教程cmd啥意思-对python中执行DOS命令的3种方法总结
- python快速入门答案-python快速入门基础知识
- python下载教程1001python下载教程-1001种玩法 | Python 学习指南资源
- python timer使用-Python timer定时器两种常用方法解析
- python3下载教程-《Python3从入门到放弃》视频教程
- 在linux上安装Filezilla文件传输FTP软件
- 一次心血来潮的C程序编译 makefile
- 网络编程学习笔记(TCP套接口选项)