本文實例講述了TP5框架頁面跳轉樣式操作。分享給大家供大家參考，具體如下：
1、效果圖
2、上干貨
為了增加對移動設備的支持，在 /application/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;
}
替換模板( 找到文件 /thinkphp/tpl/dispatch_jump.tpl ，刪除里面的全部代碼，加入下面代碼)
{__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);?>" rel="external nofollow" >跳轉/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>
3、over over over！！！
更多關于thinkPHP相關內容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結》、《ThinkPHP常用方法總結》、《codeigniter入門教程》、《CI(CodeIgniter)框架進階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術總結》。
希望本文所述對大家基于ThinkPHP框架的PHP程序設計有所幫助。
您可能感興趣的文章:- thinkPHP5(TP5)實現改寫跳轉提示頁面的方法
- 解決thinkPHP 5 nginx 部署時,只跳轉首頁的問題
- thinkphp5使html5實現動態跳轉的例子
- thinkphp5框架調用其它控制器方法 實現自定義跳轉界面功能示例
- ThinkPHP5.1框架頁面跳轉及修改跳轉頁面模版示例
- ThinkPHP頁面跳轉success與error方法概述
- ThinkPHP訪問不存在的模塊跳轉到404頁面的方法
- ThinkPHP跳轉頁success及error模板實例教程
- thinkphp中的url跳轉用法分析
- thinkphp制作404跳轉頁的簡單實現方法
- ThinkPHP3.1.x修改成功與失敗跳轉頁面的方法
- ThinkPHP3.2.3框架實現的空模塊、空控制器、空操作，跳轉到錯誤404頁面圖文詳解
