漂亮的thinkphp 跳转页封装示例
更新时间：2019年10月16日 10:22:51 作者：笨小孩好笨
今天小编就为大家分享一篇漂亮的thinkphp 跳转页封装示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
项目是要一点点按优先级进行优化的，现在到优化thinkphp的跳转页了。
<?php
if(C('LAYOUT_ON')) {
echo '{__NOLAYOUT__}';
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>跳转中</title>
<style>
.buffer{
background-color: black;
height: 100%;
width: 60%;
margin: auto;
filter: alpha(Opacity=60);
-moz-opacity: 0.6;
opacity: 0.85;
border-radius: 7px;
}
.buffer_tip{
color: wheat;
font-size: 30px;
display: block;
padding-top: 10px;
text-align: center;
}
.spinner {
margin: 16px auto 57px;
width: 32px;
height: 32px;
position: relative;
}
.cube1, .cube2 {
background-color: #67CF22;
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
} 50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
} 50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
} 75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
} 100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
#href{
color: wheat;
font-size: 20px;
}
a:link{
text-decoration:none;
}
</style>
</head>
<body>
<div class='buffer' id='buffer' >
<span class='buffer_tip' id='buffer_tip' >
<php>
if(isset($message)) {
echo $message;
}else{
if(!empty($error)) {
echo $error;
}else{
echo '操作出现错误';
}
}
</php>
<a id="href" href="<?php echo($jumpUrl); ?>" rel="external nofollow" >(<b id="wait"><?php echo($waitSecond); ?></b>s)</a>
</span>
<div class="spinner">
<div class="cube1"></div>
<div class="cube2"></div>
</div>
</div>
<script type="text/javascript">
(function(){
var wait = document.getElementById('wait'),href = document.getElementById('href').href;
var interval = setInterval(function(){
var time = --wait.innerHTML;
if(time <= 0) {
location.href = href;
clearInterval(interval);
};
}, 1000);
})();
</script>
</body>
</html>
效果如下：
以上这篇漂亮的thinkphp 跳转页封装示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Wikipedia、Facebook 和 Yahoo! 等主要 web 属性使用 LAMP 架构来为每天数百万的请求提供服务，而 Wordpress、Joomla、Drupal 和 SugarCRM 等 web 应用程序软件使用其架构来让组织轻松部署基于 web 的应用程序。2011-06-06
这篇文章主要介绍了Ajax实现对静态页面的文章访问统计功能,结合简单实例形式分析了静态页面实现访问统计功能的计数操作相关技巧,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了php通过asort()给关联数组按照值排序的方法,实例分析了php中asort()函数的功能与使用技巧,需要的朋友可以参考下2015-03-03
下面小编就为大家分享一篇基于php中echo用逗号和用点号的区别详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了PHP打开和关闭文件操作函数总结,本文讲解的就是fopen()和fclose()函数,其中着重讲解了fopen()函数,需要的朋友可以参考下2014-11-11
找了很久，搜索的关键词总是词不达意似的。2010-05-05
这篇文章主要介绍了php创建和删除目录函数介绍和递归删除目录函数分享,本文重点是对递归删除目录的自定义函数分享,需要的朋友可以参考下2014-11-11
这篇文章主要介绍了PHP echo 和 print 语句的的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-06-06
PHP解析文件时会寻找开始?php和结束标记?，标记告诉PHP开始和停止解释其中的代码,接下来将详细介绍下PHP结束标签的使用细节感兴趣的你可以参考下本文或许可以帮助到你2013-03-03
这篇文章主要介绍了使用Huagepage和PGO来提升PHP7的执行性能的相关方案,来自于注明的PHP开发组成员Laruence的相关研究,需要的朋友可以参考下2015-11-11
最新评论