zoukankan      html  css  js  c++  java
  • javascript svg 页面 loading

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>loading</title>
    	<link rel="stylesheet" href="http://at.alicdn.com/t/font_1452229253_7439058.css">
    	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    	<style>#loading{position:fixed;top:0;left:0;100%;height:100%;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;z-index:10000}#loading .space{height:30%}#loading h1{height:60px;color:#20d42d;text-align:center;padding-bottom:20px}#loading h1 img{60px}#loading p{text-align:center;color:#1ac14d;font-size:1.16em}</style>
    </head>
    <body>
    	<div id="loading"><div class="space"></div><h1><img src="static/images/loading.svg"></h1><p>数据加载中</p></div>
    	
    	<script>
                var loading = document.getElementById('loading'); 
                document.onreadystatechange = function () { 
                    if (document.readyState == "complete") {
                        loading.remove();}
                }
            </script>
    	
    	
    </body>
    </html>
    
  • 相关阅读:
    将图片插入到excel中
    C#如何实现下载文件保存到本地上面去
    jQuery实现按enter键登录
    线程(转载)
    SQL Server:触发器详解
    C# 创建Windows服务
    小记
    mysql的部署和使用
    Maven的理解和使用
    tomcat的部署与实践
  • 原文地址:https://www.cnblogs.com/chenshuo/p/5221443.html
Copyright © 2011-2022 走看看