佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > 漂亮的thinkphp 跳轉頁封裝示例

漂亮的thinkphp 跳轉頁封裝示例

熱門標簽:阿里云 科大訊飛語音識別系統(tǒng) 服務器配置 電子圍欄 團購網(wǎng)站 銀行業(yè)務 Mysql連接數(shù)設置 Linux服務器

項目是要一點點按優(yōu)先級進行優(yōu)化的,現(xiàn)在到優(yōu)化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 '操作出現(xiàn)錯誤';
      } 
    }
  /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 跳轉頁封裝示例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • Nginx下ThinkPHP5的配置方法詳解
  • thinkphp5使html5實現(xiàn)動態(tài)跳轉的例子
  • 淺談thinkphp的nginx配置,以及重寫隱藏index.php入口文件方法
  • 解決thinkPHP 5 nginx 部署時,只跳轉首頁的問題

標簽:棗莊 蚌埠 萍鄉(xiāng) 衢州 大理 江蘇 衡水 廣元

巨人網(wǎng)絡通訊聲明:本文標題《漂亮的thinkphp 跳轉頁封裝示例》,本文關鍵詞  ;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    保山市| 天镇县| 玉溪市| 嘉善县| 阳新县| 抚松县| 河南省| 桃江县| 穆棱市| 福安市| 鄂托克前旗| 保德县| 襄汾县| 蓬溪县| 木里| 东至县| 南召县| 隆昌县| 宜兰县| 永春县| 宜阳县| 酉阳| 黑山县| 陵水| 敖汉旗| 公主岭市| 南阳市| 荥阳市| 崇左市| 凌海市| 河西区| 深圳市| 商河县| 宁安市| 大邑县| 浙江省| 曲周县| 塔河县| 赣州市| 嵩明县| 收藏|