TP5框架页面跳转样式操作示例

2020-09-01 12:11:04

本文实例讲述了TP5框架页面跳转样式操作。分享给大家供大家参考,具体如下:

1、效果图

TP5框架页面跳转样式操作示例

TP5框架页面跳转样式操作示例

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);?>    </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程序设计有所帮助。

相关文章 大家在看