PHP页面过度跳转效果代码
0 975 2021-02-04 14:11:05
收藏PHP+CSS3小脑袋无限吃球球动态效果，页面过度跳转，具体效果如下图
PHP页面过度跳转效果代码
<?php
$t_url=$_GET['url'];
if(!empty($t_url)) {
preg_match('/(http|https):///',$t_url,$matches);
if($matches){
$url=htmlspecialchars($t_url);
$title='亲爱的朋友记得常回来哦...';
} else {
preg_match('/./i',$t_url,$matche);
if($matche){
$url='http://'.htmlspecialchars($t_url);
$title='亲爱的朋友记得常回来哦...';
} else {
$url='http://www.11px.cn/';
$title='参数错误，正在返回首页...';
}
}
} else {
$title='参数缺失，正在返回首页...';
$url='http://www.11px.cn/';
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="1;url='<?php echo $url;?>';">
<title><?php echo $title;?></title>
<div id="circle"></div>
<div id="circletext"></div>
<div id="circle1"></div>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="1;url='<?php echo $url;?>';">
<title><?php echo $title;?></title>
<style type="text/css">
body{background:#999;margin:0;}.loader{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.loader-inner{position:absolute;z-index:300;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}@-webkit-keyframes rotate_pacman_half_up{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}}@keyframes rotate_pacman_half_up{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}}@-webkit-keyframes rotate_pacman_half_down{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);}}@keyframes rotate_pacman_half_down{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);}}@-webkit-keyframes pacman-balls{75%{opacity:0.7;}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px);}}@keyframes pacman-balls{75%{opacity:0.7;}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px);}}.pacman > div:nth-child(2){-webkit-animation:pacman-balls 1s 0s infinite linear;animation:pacman-balls 1s 0s infinite linear;}.pacman > div:nth-child(3){-webkit-animation:pacman-balls 1s 0.33s infinite linear;animation:pacman-balls 1s 0.33s infinite linear;}.pacman > div:nth-child(4){-webkit-animation:pacman-balls 1s 0.66s infinite linear;animation:pacman-balls 1s 0.66s infinite linear;}.pacman > div:nth-child(5){-webkit-animation:pacman-balls 1s 0.99s infinite linear;animation:pacman-balls 1s 0.99s infinite linear;}.pacman > div:first-of-type{width:0px;height:0px;border-right:25px solid transparent;border-top:25px solid #e1244e;border-left:25px solid #e1244e;border-bottom:25px solid #e1244e;border-radius:25px;-webkit-animation:rotate_pacman_half_up 0.5s 0s infinite;animation:rotate_pacman_half_up 0.5s 0s infinite;}.pacman > div:nth-child(2){width:0px;height:0px;border-right:25px solid transparent;border-top:25px solid #e1244e;border-left:25px solid #e1244e;border-bottom:25px solid #e1244e;border-radius:25px;-webkit-animation:rotate_pacman_half_down 0.5s 0s infinite;animation:rotate_pacman_half_down 0.5s 0s infinite;margin-top:-50px;}.pacman > div:nth-child(3),.pacman > div:nth-child(4),.pacman > div:nth-child(5),.pacman > div:nth-child(6){background-color:#e1244e;width:15px;height:15px;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;-webkit-transform:translate(0,-6.25px);-ms-transform:translate(0,-6.25px);transform:translate(0,-6.25px);top:25px;left:100px;}.loader-text{margin:20px 0 0 -16px;display:block;font-size: 18px;}
</style>
</head>
<body>
<div class="loader">
<div class="loader-inner pacman">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<span class="loader-text">页面加载中，请稍候...</span>
</div>
</div>
</body>
</html>代码使用方法
复制以上代码，保存到一个PHP文件中，浏览器访问：域名/ulr.php?需要跳转的地址，如：域名/url.php?http://www.11px.cn/
本文地址：https://xzo.com.cn/develop/php/509.html
如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。
PHP是一种服务器端、跨平台、html嵌入式的脚本语言，其功能十分强大、入门简单。在过去，民间一直有说法称“PHP是最好的编程语言”，是PHP开发者对自身所使用语言的肯定。
PHP曾是最主流的网站web开发语言之一，现在也依然十分流行。
在程序开发的过程中，我们可能需要提取段落里的图片用作缩略图。那么，这个正则...
在日常文章的发表过程中，由于需要引入一些外部链接达到更好的效果与体验。但...
在php中自带了大量了数组排序函数，使用起来非常简单，下面我们一一来介绍一下...
我们使用php开发网站的时候，经常会需要调试确保功能正常。而如果功能出现异...
php分割中文字符，之前计划的是可用于搜索结果、tag结果关键词标红。但在实际...
在网站的开发过程中，我们经常需要获取今天是星期几，并根据星期的不同而进行不...
今天有朋友咨询鸥哥，说php写的for循环本来至少要循环9次，但却只执行了一次就...
PHP_EOL是一个相当好用的函数，可自动适配多种换行格式，在实际的应用中体验非...
通过本插件，可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...
帝国cms有自带的给关键词添加内链功能，但需要手动添加关键词，容易出现疏漏和...
通过本插件，可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...
采集站的必备资源是自动审核，要做到日收录也离不开定时发布。而本插件的自动...
用户体验是我们的需求，百度蜘蛛的认可更是我们的需求。毕竟，没有收录排名，何来...
帝国cms 对接纳米数据（www.nami.com）接口，本接口主要接收、整理足球比赛实时数...
使用帝国cms的企业用户、新闻资讯类站点的用户很多，此类站点很多时候需要有...
帝国cms默认只有上次登录时间与ip，没有一个记录清单，所以今天，我们分享这个帝...