# 演示效果图

演示

# 源代码

<?php 
// +----------------------------------------------------------------------
// | Quotes [没有目标的人生就是张拼图,反之则是蓝图]
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: 云影 <8711973@qq.com>
// +----------------------------------------------------------------------
// | Date: 2018 年 8 月 26 日
// +----------------------------------------------------------------------
error_reporting(0);
$param = $_SERVER['QUERY_STRING'];
?>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="1;url='<?php echo $param;?>';">
<title>页面加载中,请稍候...</title>
<style type="text/css">
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
body {
	background: #3498db;
}
#loader-container {
	width: 188px;
	height: 188px;
	color: white;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	border: 5px solid #3498db;
	border-radius: 50%;
	-webkit-animation: borderScale 1s infinite ease-in-out;
	animation: borderScale 1s infinite ease-in-out;
}
#loadingText {
	font-family: 'Raleway', sans-serif;
	font-size: 1.4em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
@-webkit-keyframes borderScale {
	0% {
		border: 5px solid white;
	}
	50% {
		border: 25px solid #3498db;
	}
	100% {
		border: 5px solid white;
	}
}
@keyframes borderScale {
	0% {
		border: 5px solid white;
	}
	50% {
		border: 25px solid #3498db;
	}
	100% {
		border: 5px solid white;
	}
}
</style>
</head>
<body>
<div id="loader-container"><p id="loadingText">页面加载中...</p></div>
</body></html>
更新于 阅读次数