Home > Article > Web Front-end > css 实现页面加载中等待效果_html/css_WEB-ITnose
css 实现页面加载中等待效果_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:37:111588browse
<!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="max-width:90%" alt="css 实现页面加载中等待效果_html/css_WEB-ITnose" ></img> </div></body></html>
默认是隐藏的，可通过js控制div的显示和隐藏，背景颜色和图片可自行调节。
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：table 数据少时 ，tr高度变化_html/css_WEB-ITnoseNext article：css sprite合并_html/css_WEB-ITnose