首頁 > 開發者 > 網站開發

thinkphp5最美跳轉頁面

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：inter   UI   lod   rip   sha   use   cat   oca   reg   

先給大家看下效果：

 

 

直接擼代碼：

第一步：為了增加對行動裝置的支援，在common.php加入以下函數：

function isMobile(){     if (isset ($_SERVER[‘HTTP_X_WAP_PROFILE‘]))    {        return true;    }     if (isset ($_SERVER[‘HTTP_VIA‘]))    {         return stristr($_SERVER[‘HTTP_VIA‘], "wap") ? true : false;    }     if (isset ($_SERVER[‘HTTP_USER_AGENT‘]))    {        $clientkeywords = array (‘nokia‘,            ‘sony‘,            ‘ericsson‘,            ‘mot‘,            ‘samsung‘,            ‘htc‘,            ‘sgh‘,            ‘lg‘,            ‘sharp‘,            ‘sie-‘,            ‘philips‘,            ‘panasonic‘,            ‘alcatel‘,            ‘lenovo‘,            ‘iphone‘,            ‘ipod‘,            ‘blackberry‘,            ‘meizu‘,            ‘android‘,            ‘netfront‘,            ‘symbian‘,            ‘ucweb‘,            ‘windowsce‘,            ‘palm‘,            ‘operamini‘,            ‘operamobi‘,            ‘openwave‘,            ‘nexusone‘,            ‘cldc‘,            ‘midp‘,            ‘wap‘,            ‘mobile‘            );         if (preg_match("/(" . implode(‘|‘, $clientkeywords) . ")/i", strtolower($_SERVER[‘HTTP_USER_AGENT‘])))        {            return true;        }     }     if (isset ($_SERVER[‘HTTP_ACCEPT‘]))    {         if ((strpos($_SERVER[‘HTTP_ACCEPT‘], ‘vnd.wap.wml‘) !== false) && (strpos($_SERVER[‘HTTP_ACCEPT‘], ‘text/html‘) === false || (strpos($_SERVER[‘HTTP_ACCEPT‘], ‘vnd.wap.wml‘) < strpos($_SERVER[‘HTTP_ACCEPT‘], ‘text/html‘))))        {            return true;        }     }     return false;}

第2步：替換模板

這個檔案裡面的代碼全部刪除，加入以下代碼：

{__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>跳轉提示</title>    <?php if(isMobile()==true){?>    <style type="text/css">        body, h1, h2, p,dl,dd,dt{margin: 0;padding: 0;font: 15px/1.5 微軟雅黑,tahoma,arial;}        body{background:#efefef;}        h1, h2, h3, h4, h5, h6 {font-size: 100%;cursor:default;}        ul, ol {list-style: none outside none;}        a {text-decoration: none;color:#447BC4}        a:hover {text-decoration: underline;}        .ip-attack{width:100%; margin:200px auto 0;}        .ip-attack dl{ background:#fff; padding:30px; border-radius:10px;border: 1px solid #CDCDCD;-webkit-box-shadow: 0 0 8px #CDCDCD;-moz-box-shadow: 0 0 8px #cdcdcd;box-shadow: 0 0 8px #CDCDCD;}        .ip-attack dt{text-align:center;}        .ip-attack dd{font-size:16px; color:#333; text-align:center;}        .tips{text-align:center; font-size:14px; line-height:50px; color:#999;}    </style><?php }else{ ?><style type="text/css">        body, h1, h2, p,dl,dd,dt{margin: 0;padding: 0;font: 15px/1.5 微軟雅黑,tahoma,arial;}        body{background:#efefef;}        h1, h2, h3, h4, h5, h6 {font-size: 100%;cursor:default;}        ul, ol {list-style: none outside none;}        a {text-decoration: none;color:#447BC4}        a:hover {text-decoration: underline;}        .ip-attack{width:600px; margin:200px auto 0;}        .ip-attack dl{ background:#fff; padding:30px; border-radius:10px;border: 1px solid #CDCDCD;-webkit-box-shadow: 0 0 8px #CDCDCD;-moz-box-shadow: 0 0 8px #cdcdcd;box-shadow: 0 0 8px #CDCDCD;}        .ip-attack dt{text-align:center;}        .ip-attack dd{font-size:16px; color:#333; text-align:center;}        .tips{text-align:center; font-size:14px; line-height:50px; color:#999;}    </style><?php }?>    </head><body>    <div class="ip-attack"><dl>        <?php switch ($code) {?>            <?php case 1:?>            <dt style="color: green"><?php echo(strip_tags($msg));?></dt>            <?php break;?>            <?php case 0:?>            <dt style="color: red"><?php echo(strip_tags($msg));?></dt>            <?php break;?>        <?php } ?>        <br>        <dt>            頁面自動 <a id="href" href="<?php echo($url);?>">跳轉</a> 等待時間： <b id="wait"><?php echo($wait);?></b>        </dt></dl>    </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>

搞定！！！

 

thinkphp5最美跳轉頁面

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關文章
自學成才的秘密：115個 web Develop 資源_經典網摘
H5 中html 頁面存為圖片並長按 儲存
__x__(20)0907第四天__ css 框模型
SVN提示https認證驗證失敗問題svn: E230001: Server SSL certificate verifi...
Citrix NetScaler產品學習筆記之一：Citrix NetScaler概述

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More