漂亮的thinkphp 跳转页封装

项目是要一点点按优先级进行优化的，现在到优化thinkphp的跳转页了。

<?phpif(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 '操作出现错误';} }</php><a id="href" href="<?php echo($jumpUrl); ?>">(<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 跳转页封装相关推荐

php制作404,thinkphp制作404跳转页的简单实现方法
网上有很多thinkphp的404页面制作方法,但大多太过繁琐不简便,很烦人,所以为大家分享了最便捷的404制作方法,如下. 在thinkphp的公共目录的config配置文件中增加配置项:'TMPL ...
modelandview跳转页面404_Thinkphp制作404跳转页
php中文网最新课程每日17点准时技术干货分享本篇文章介绍了使用ThinkPHP实现404页面的方法,希望对学习thinkphp的朋友有帮助! Thinkphp制作404跳转页网上有很多thin ...
基于某网站的信息爬取与保存_指定跳转页
需求:对某网站实现输入指定的跳转页完成爬取并能保存到文本文件中解决方法:通过Python的BeautifulSoup.selenium的Kyes完成该需求. 代码见下: import json im ...
“dedeCMS 提示信息！”跳转页，如何修改文字？
文章目录 dedeCMS 中转页,如何`修改文字文案`? 一.所需修改文件: 二.疑问1:( `如何修改 · 文字` 文案) dedeCMS 中转页,如何修改文字文案? 有了倒计时提醒用户,用户等的明 ...
两款高大尚广告GO跳转页PHP源码
介绍: 两款比较好看的高大尚广告GO跳转页PHP源码使用教程: 文件皇族已经整理打包好,下载后将压缩包内go.php文件打开编辑 (把链接改成自己的网站地址) 修改完毕后上传网站根目录即可正常使用 ...
html页面中写密码修改,html输入密码进入页面 html做一个静态的输入密码跳转页...
如何对一个HTML页面设置密码输入? 我有一个页面,不想给其他人看到,只想给我朋友看. 加个什么代码能让我朋新建index.html页面. 写入HTML文件,任何一个网页式的文件,必须要有HTML文件 ...
抖音私信页面如何做跳转页跳到微信加好友？
玩抖音的朋友应该能经常看到很多用户会在私信框内设置一个跳转页,用户点击点击后直接跳转到个人主页,这是抖音跳转到微信引流的方法,已经有越来越多的用户看到并使用了.抖音跳转到微信目前也确实是一个火热的引流 ...
推荐4款高大尚的网站外链跳转页源码
介绍: 源码介绍: 1.此源码可以当404页或者站外跳转页有利于SEO 2.当你换域名的时候可以用老域名搭建出来跳转新域名 3.此源码来源于网络搭建出来感觉不错就分享出来了网盘下载地址: h ...
商品图片外链转内链php,wordpress外链转内链代码(支持跳转页、nofollow、加密原链接)...
给大家分享一段wordpress外链转内链的代码,并且支持跳转页.加nofollow标签.加密原链接功能.把下面的代码加在主题的functions.php中即可. add_filter('the_co ...
抖音私信页面如何做跳转页引流到微信？
玩抖音的朋友应该能经常看到很多用户会在私信框内设置一个跳转页,用户点击点击后直接跳转到个人主页,这是抖音跳转到微信引流的方法,已经有越来越多的用户看到并使用了.抖音跳转到微信目前也确实是一个火热的引流 ...

漂亮的thinkphp 跳转页封装

漂亮的thinkphp 跳转页封装相关推荐

最新文章

热门文章