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


Posted in PHP onApril 05, 2020

本文实例讲述了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);?></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框架的PHP程序设计有所帮助。

PHP 相关文章推荐
967 个函式
Oct 09 PHP
php和js交互一例-PHP教程,PHP应用
Jan 03 PHP
关于Intype一些小问题的解决办法
Mar 28 PHP
为IP查询添加GOOGLE地图功能的代码
Aug 08 PHP
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
Nov 02 PHP
PHP5权威编程阅读学习笔记 附电子书下载
Jul 05 PHP
PHP将字符分解为多个字符串的方法
Nov 22 PHP
PHP+MySQL删除操作实例
Jan 21 PHP
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
May 19 PHP
PHP魔术方法以及关于独立实例与相连实例的全面讲解
Oct 18 PHP
Yii CFileCache 获取不到值的原因分析
Feb 08 PHP
PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图
May 15 PHP
TP5框架实现的数据库备份功能示例
Apr 05 #PHP
TP5框架实现一次选择多张图片并预览的方法示例
Apr 04 #PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
Apr 04 #PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
Apr 04 #PHP
thinkphp框架表单数组实现图片批量上传功能示例
Apr 04 #PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
Apr 04 #PHP
yii框架结合charjs实现统计30天数据的方法
Apr 04 #PHP
You might like
PHP常用的文件操作函数经典收藏
2013/04/02 PHP
Javascript学习笔记6 prototype的提出
2010/01/11 Javascript
javascript动态加载二
2012/08/22 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
利用纯js + transition动画实现移动端web轮播图详解
2017/09/10 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
Vue实现微信支付功能遇到的坑
2019/06/05 Javascript
vue iview多张图片大图预览、缩放翻转
2019/07/13 Javascript
使用vue实现多规格选择实例(SKU)
2019/08/23 Javascript
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
Vue组件跨层级获取组件操作
2020/07/27 Javascript
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
Python写的Discuz7.2版faq.php注入漏洞工具
2014/08/06 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
python实现反转部分单向链表
2018/09/27 Python
pycharm debug功能实现跳到循环末尾的方法
2018/11/29 Python
pandas dataframe添加表格框线输出的方法
2019/02/08 Python
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
Python reversed函数及使用方法解析
2020/03/17 Python
Python键鼠操作自动化库PyAutoGUI简介(小结)
2020/05/17 Python
python 装饰器的基本使用
2021/01/13 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
远程学习的教学用品和家庭学习资源:Really Good Stuff
2020/04/27 全球购物
2014小学植树节活动总结
2014/03/10 职场文书
股份合作协议书
2014/04/12 职场文书
逃课打麻将检讨书
2014/10/05 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
老公保证书怎么写
2015/02/26 职场文书
2016七夕情人节感言
2015/12/09 职场文书
python flask框架快速入门
2021/05/14 Python