项目是要一点点按优先级进行优化的,现在到优化thinkphp的跳转页了。
<?php if(c('layout_on')) { echo '{__nolayout__}'; }?><!doctype html><html><head> <meta chart="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 { backg最后的朋友round-color: #67cf22; width: 30px; height: 30px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ea-in-out; animation: cubemove 1.8s infinite ea-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) scal石家庄的大学e(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(ist($message)) { echo $message; }el{ if(!empty($error)) { echo $error; }el{ echo '操作出现错误'; } } </php> <a id="href" href="<?php echo($jumpurl); ?>" rel="external nofollow" >(<b id="wait"><?php echo($waitcond); ?></b>s)</a> </span> <div class="spinner"> <div cla年会场地ss="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 = tinterval(function(){ var time = --wait.innerhtml; if(time <= 0) { location.href = href; clearinterval(interval); };}, 1000);})();</script></body></html>
效果如下:
以上这篇漂亮的thinkphp 跳转页封装示例就是www.887551.com分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持www.887551.com。
本文发布于:2023-04-08 06:25:03,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/fe938430d84468141e56a30e0e58ba3a.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:漂亮的thinkphp 跳转页封装示例.doc
本文 PDF 下载地址:漂亮的thinkphp 跳转页封装示例.pdf
留言与评论(共有 0 条评论) |