漂亮的框架跳转页封装示例

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

？PHP if(C(' LAYOUT _ ON '){ echo ' " _ _ NOLAYOUT _ _ } '；}?DOCTYPE html html head meta charset=' UTF-8 '标题跳转中/title样式。缓冲区{背景色：黑色；高度： 100%;宽度： 60%;margin:自动筛选： alpha(不透明度=60);-莫兹-奥帕市3360 0.6；opacity:边界半径： 7px} .缓冲区_提示{ color:小麦；font-size : 30px显示器：块；衬垫-top : 10px；文本对齐：中心；} .spinner { margin : 16px auto 57px；宽度： 32px高度： 32px相对位置：} .cube1、立方体2 {底色： # 67cf 22宽度： 30px高度： 30px绝对位置：top : 0；左： 0；-网络套件-动画：立方体移动1.8s无限轻松自在；动画：立方移动1.8秒无限轻松自在；} .cube 2 {-web套件-动画-延迟：-0.9s；动画-延迟：-0.9s；} @-网络工具包-关键帧多维数据集移动{ 25% {-web套件-translateX : translateX(42px)旋转(-90度)比例(0.5)} 50% {-网络套件-translateX 3360 translateX(42px)translateY(42px)旋转(-180度)} 75% {-网络套件-translateX 3360 translateX(0px)translateY(42px)旋转(-270度)比例(0.5) } 100%网络套件-transform : translateX(42px)旋转(-90度)刻度(0.5);} 50% { transform : translateX(42px)translateY(42px)旋转(-179 );-网络套件-transform : translateX(42px)translateY(42px)旋转(-179 );} 50.1% { transform : translateX(42px)translateY(42px)旋转(-180度);-网络套件-transform : translateX(42px)translateY(42px)旋转(-180度);} 75% { transform : translateX(0px)translateY(42px)旋转(-270度)刻度(0.5);-网络套件-transform : translateX(0px)translateY(42px)旋转(-270度)刻度(0.5);} 100% { transform : rotate(-360)；-webkit-transform:旋转(-360度);} } #href{ color:小麦；font-size : 20px} a :链接{ 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($ JupURl)；'rel='外部无跟随'(b id='等待'？PHP echo($等待秒)；s)/a/span div class=' spinner ' div class=' cube 1 '/div div class=' cube 2 '/div/div脚本类型=' text/JavaScript '(function(){ var wait=document。getelementbyid(' wait ')，href=document。getelementbyid(' href ').href var interval=setInterval(function(){ var time=-wait。innerhtmlif(时间=0){ location。href=hrefclearInterval(区间);};}, 1000);})();/脚本/正文/html效果如下：

以上这篇漂亮的框架跳转页封装示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。