css 实现页面加载中等待效果

<!DOCTYPE html>
<html>
<head>
<title>css实现页面加载中,请稍候效果</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"></head>
<body><div id="loadPage"style="display:none;position:absolute; left:-1px; top:1px; width:100%; height:100%;moz-opacity: 0.3;filter:Alpha(opacity=50); opacity: 0.3; background-color:#555; z-index:1000;"><img src="./images/06.gif" style="position: fixed;left: 48%;top:35%;"></img></div>
</body>
</html>

默认是隐藏的，可通过js控制div的显示和隐藏，背景颜色和图片可自行调节。

转载于:https://www.cnblogs.com/zhourunbest/p/4795149.html

css 实现页面加载中等待效果相关推荐

使用CSS对页面加载的淡入效果
本文翻译自:Using CSS for fade-in effect on page load Can CSS Transitions be used to allow a text paragrap ...
html 载入中,用纯CSS实现加载中动画效果
今天要介绍的是用简单的CSS--只用CSS,不用Gif--制作"加载中-"动画效果.先看看效果: 上面的这个加载中效果,以前是用gif动图实现的,但随着CSS的进步,CSS动画功能 ...
android圆形点击效果,Android 三种方式实现自定义圆形页面加载中效果的进度条
[实例简介] Android 三种方式实现自定义圆形页面加载中效果的进度条 [实例截图] [核心代码] ad376a86-a9aa-49bc-8cea-321bcff2c0c3 └── AnimRou ...
python能做页面加载动画吗_HTML+CSS实现页面加载（loading）动画效果
大家在浏览页面时有没有遇到页面正在loading(加载)的情况,那作为一个前端开发人员,你知道如何用CSS3和HTML制作页面加载动画效果吗?这篇文章就和大家分享一个超级简单实用的CSS3 圆圈加载( ...
js 写html加载中的效果,基于javascript实现页面加载loading效果
本文实为大家分享了javascript实现页面加载loading效果,供大家参考,具体内容如下效果图: 正在载入正在载入首页,请稍候. var line = "||" var ...
深入浏览器之页面加载中的计算机网络
当你在浏览器中输入 rainbowinpaper.com 并且按下回车之后发生了什么? 但在说之前我们还是要先了解一下网络分层的概念. 网络分层我们最早接触的网络分层应该是OSI七层参考模型. OS ...
android的提示页面,android 页面加载中，友情提示界面-Fun言
先是布局页面 android:layout_width="fill_parent" android:layout_height="fill_parent" an ...
微信小程序--请求接口时：添加全局的正在加载中图标效果
注: 如果没有封装request.js接口函数请看:https://mp.csdn.net/console/editor/html/106737440 1. 首先在封装的 request.js 文件中 ...
Android 三种方式实现自定义圆形页面加载中效果的进度条
转载:http://www.eoeandroid.com/forum.php?mod=viewthread&tid=76872 一.通过动画实现定义res/anim/loading.xml如 ...

css 实现页面加载中等待效果

css 实现页面加载中等待效果相关推荐

最新文章

热门文章