编程 PHP

漂亮的thinkphp 跳转页封装示例

Posted in PHP onOctober 16, 2019

项目是要一点点按优先级进行优化的，现在到优化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 跳转页封装示例

以上这篇漂亮的thinkphp 跳转页封装示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

漂亮的thinkphp 跳转页封装示例

- Author -

笨小孩好笨

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐

xml+php动态载入与分页

Oct 09 PHP

图书管理程序（三）

Oct 09 PHP

discuz论坛用户登录后台程序代码

Nov 27 PHP

php 多个submit提交表单处理方法

Jul 07 PHP

php数据库抽象层 PDO

May 07 PHP

PHPThumb PHP 图片缩略图库

Mar 11 PHP

PHP超级全局变量数组小结

Oct 04 PHP

php上传apk后自动提取apk包信息的使用(示例下载)

Apr 26 PHP

php生成随机字符串可指定纯数字、纯字母或者混合的

Apr 18 PHP

PHP获取一年中每个星期的开始和结束日期的方法

Feb 12 PHP

ThinkPHP3.2.1图片验证码实现方法

Aug 19 PHP

yii框架数据库关联查询操作示例

Oct 14 PHP

Thinkphp页面跳转设置跳转等待时间的操作

Oct 16 #PHP

解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题

Oct 16 #PHP

thinkphp5使html5实现动态跳转的例子

Oct 16 #PHP

Thinkphp5 如何隐藏入口文件index.php(URL重写)

Oct 16 #PHP

在thinkphp5.0路径中实现去除index.php的方式

Oct 16 #PHP

laravel5.0在linux下解决.htaccess无效和去除index.php的问题

Oct 16 #PHP

laravel实现上传图片,并且制作缩略图,按照日期存放的代码

Oct 16 #PHP