网站优化 | 给自己的网站加一个好看的跳转页面

【摘要】摘要:昨天晚上,小东看到风神博客的一个GO页面跳转,小东个人觉得很好看,他也发了文章,可是!--第一资源网-分享福利资源,优惠资讯,网站模板!昨天晚上小东看到风神博客里的一个GO跳转页面,个人感觉很好看,比较喜欢这种UI界面,他也发了文章,...

摘要:昨天晚上,小东看到风神博客的一个GO页面跳转,小东个人觉得很好看,他也发了文章,可是!--第一资源网-分享福利资源优惠资讯网站模板

    昨天晚上小东看到风神博客里的一个GO跳转页面,个人感觉很好看,比较喜欢这种UI界面,他也发了文章,

    可是这货居然放的教程代码效果和自己的不一样!不一样!不一样!(小东个人感觉不好看)

    所以,只好,偷偷地把CSS样式偷过来,改造一下。。。

    演示地址:http://www.dyboy.cn/go/?url=http://www.dyboy.cn/v/index.html

如果喜欢,那么就看看下面的代码吧~

教程开始:

    第一步:

        新建一个go文件夹

    第二步:

       新建一个index.php文件

    第三步:

        将下方的代码,复制粘贴到你新建的index.php文件中,保存(css代码我压缩了,把www.dyboy.cn改成自己的网站地址);

 <?php 
$t_url=$_GET['url'];
if(!empty($t_url)) {
 preg_match('/(http|https):\/\//',$t_url,$matches);
 if($matches){
 $url=$t_url;
 $title='亲爱的朋友记得常回来哦...';
 } else {
 preg_match('/\./i',$t_url,$matche);
 if($matche){
 $url='http://'.$t_url;
 $title='亲爱的朋友记得常回来哦...';
 } else {
 $url='http://www.dyboy.cn';//这个地方改成自己网站地址
 $title='参数错误,正在返回首页...';
 }
 }
} else {
 $title='参数缺失,正在返回首页...';
 $url='http://www.dyboy.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>
<style type="text/css">
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{background:#3498db;}#loader-container{width:188px;height:188px;color:white;margin:0 auto;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);border:5px solid #3498db;border-radius:50%;-webkit-animation:borderScale 1s infinite ease-in-out;animation:borderScale 1s infinite ease-in-out;}#loadingText{font-family:'Raleway',sans-serif;font-size:1.4em;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);}@-webkit-keyframes borderScale{0%{border:5px solid white;}50%{border:25px solid #3498db;}100%{border:5px solid white;}}@keyframes borderScale{0%{border:5px solid white;}50%{border:25px solid #3498db;}100%{border:5px solid white;}}
</style>
</style></head>
<body>
<div id="loader-container"><p id="loadingText">页面加载中...</p></div>
</body>
</html>


    第四步:上传go文件夹到FTP空间根目录(网站根目录),按照上方URL地址的格式,即可看到效果!

使用方法:http://你的网站域名/go/?url=http://别人的网站

    第五步:如果你比较懒,直接下载小东给你打包的zip文件吧,同样需要修改网站地址(把www.dyboy.cn修改成你的网站域名

此处内容已隐藏,评论后刷新即可查看!


 小东
 简介:专业团队网站开发、安全运维,合作意向请联系!

扫码关注微信公众号:ITDYBOY,学前端,学安全,从0到1,从1到精通!

扫码关注微信公众号:ITDYBOY

发表评论

游客
送你一朵小花花~

帅人已评(79)

喇叭
LV 1 一袖清风 5年前 (2019-01-23) 回复
雪中送炭 感谢东哥 我网站正好需要这个跳转
LV 2 流浪 6年前 (2018-09-21) 回复
不错
LV 1 SKIN客服 6年前 (2018-09-09) 回复
不错
LV 2 情兽先森丶 6年前 (2018-07-06) 回复
看看
LV 1 1 6年前 (2018-06-09) 回复
1 2 3 4 5 6 7 ... »