漂亮的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 跳转页封装示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

PHP7 mongoDB扩展使用的方法分享
这篇文章主要给大家介绍了关于PHP7 mongoDB扩展使用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用PHP7具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-05-05
PHP标准库(PHP SPL)详解
今天小编就为大家分享一篇关于PHP标准库(PHP SPL)详解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-03-03
PHP提取中文首字母
从别人程序中扒拉出来的提取中文首字母的php代码不是原创。Dzender的代码学习用
2008-04-04
简述php环境搭建与配置
本文主要对php的环境搭建与配置进行步骤介绍。文章中标出了重点，方便大家阅读，需要的朋友可以参考下
2016-12-12
PHP正则替换函数preg_replace和preg_replace_callback使用总结
这篇文章主要介绍了PHP正则替换函数preg_replace和preg_replace_callback使用总结,本文是在写一个模板引擎遇到一个特殊需求时总结而来,需要的朋友可以参考下
2014-09-09
PHP+MariaDB数据库操作基本技巧备忘总结
这篇文章主要介绍了PHP+MariaDB数据库操作基本技巧,结合实例形式总结分析了PHP+MariaDB数据库连接、判断以及基于PHP+MariaDB的用户登陆、管理、删除等相关操作实现技巧与注意事项,需要的朋友可以参考下
2018-05-05
PHP session_start()问题解疑(详细介绍)
对于PHP的session功能，始终找不到合适的答案，尤其是一些错误，还有一些没有错误的结果，最可怕的就是后者，一直为许多的初学者为难。就连有些老手，有时都被搞得莫名其妙
2013-07-07
基于php使用memcache存储session的详解
本篇文章是对php使用memcache存储session进行了详细的分析介绍，需要的朋友参考下
2013-06-06
查找mysql字段中固定字符串并替换的几个方法
今天，在为黄页数据做整理时，发现数据库里的地址字段都是以 “中国” 开头的。并且后紧跟着的是省份名称
2012-09-09
深入理解PHP中的Streams工具
这篇文章主要介绍了PHP中的Streams工具,主要用来处理PHP中的包装类,需要的朋友可以参考下
2015-07-07