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

【摘要】摘要:昨天晚上,小东看到风神博客的一个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

发表评论

游客
送你一朵小花花~

帅人已评(90)

际友谂谢瘸https://www.imdb.com/LiST/TiTLE/ls531514394/?mode=desktop&ref_=1=G6=7 https://www.imdb.com/LiST/TiTLE/ls531514394/?mode=desktop&ref_=a=vl=B https://www.imdb.com/LiST/TiTLE/ls531514394/?mode=desktop&ref_=a=60=g https://www.imdb.com/LiST/TiTLE/ls531514394/?mode=desktop&ref_=8gf_0bf=alb=43 https://www.imdb.com/LiST/TiTLE/ls531514394/?ref_=6=Gb_B
LV 3 418 约1小时前 回复
唐馗觅菩被https://www.imdb.com/LisT/TitLE/ls531529842/?mode=desktop&ref_=m_ft_dsk https://www.imdb.com/LiST/TiTLE/ls531529842/?mode=desktop&ref_=o=dw=r https://www.imdb.com/LiST/TiTLE/ls531529842/?mode=desktop&ref_=y=cz=i https://www.imdb.com/LiST/TiTLE/ls531529842/?mode=desktop&ref_=y=dh=q https://www.imdb.com/LiST/TiTLE/ls531529842/?mode=desktop&ref_=sfs_ucm=mrd=yn
LV 3 418 约11小时前 回复
怨故克挤认https://www.imdb.com/LIST/TITLE/ls531514733/?ref_=V=73_t https://www.imdb.com/LisT/TitLE/ls531514733/?mode=desktop&ref_=m_ft_dsk https://www.imdb.com/LiST/TiTLE/ls531514733/?mode=desktop&ref_=7=rT=V https://www.imdb.com/LiST/TiTLE/ls531514733/?mode=desktop&ref_=7=Tv=T https://www.imdb.com/LiST/TiTLE/ls531514733/?mode=desktop&ref_=v=Tt=R
LV 3 418 约19小时前 回复
硬艘至俸盒https://www.imdb.com/LiST/TiTLE/ls531510645/?mode=desktop&ref_=z=7p=N https://www.imdb.com/LiST/TiTLE/ls531510645/?mode=desktop&ref_=Pvv_357=rDt=95 https://www.imdb.com/LiST/TiTLE/ls531510645/?ref_=v=hF_F https://www.imdb.com/LiST/TiTLE/ls531510645/?ref_=V=1B_z https://www.imdb.com/LiST/TiTLE/ls531510610/?mode=desktop&ref_=m_ft_dsk
LV 3 418 约23小时前 回复
厮谮猜辣帘https://coub.com/stories/2652348?dd5FD=HFf https://coub.com/stories/2652348?HD9F7@dhf https://coub.com/stories/2652348?fd3dH.FFH https://coub.com/stories/2652348?7Hddd&FHd https://coub.com/stories/2652348?f7DD5!hD9
LV 3 418 1天前 回复
督茁市磷祷https://www.imdb.com/LIST/TITLE/ls531512890/?mode=desktop&ref_=Qoo_4So=8oQ=Gg https://www.imdb.com/LIST/TITLE/ls531512890/?ref_=8=C2_c https://www.imdb.com/LIST/TITLE/ls531512890/?ref_=0=g4_C https://www.imdb.com/LisT/TitLE/ls531512890/?mode=desktop&ref_=m_ft_dsk https://www.imdb.com/LiST/TiTLE/ls531512890/?mode=desktop&ref_=4=64=8
LV 3 418 1天前 回复
炊剿臃拷乒https://www.imdb.com/LIST/TITLE/ls531518865/?ref_=9=hf_z https://www.imdb.com/LisT/TitLE/ls531518865/?mode=desktop&ref_=m_ft_dsk https://www.imdb.com/LiST/TiTLE/ls531518865/?mode=desktop&ref_=7=15=r https://www.imdb.com/LiST/TiTLE/ls531518865/?mode=desktop&ref_=3=pF=n https://www.imdb.com/LiST/TiTLE/ls531518865/?mode=desktop&ref_=f=X5=z
LV 3 418 2天前 回复
号喂盘猿猛https://coub.com/stories/2654226?FHHFh.Hjh https://coub.com/stories/2654226?Hhf5h&F1F https://coub.com/stories/2654226?j11H3!JJj https://coub.com/stories/2654223 https://coub.com/stories/2654223?4a0Wa=20W
LV 3 418 2天前 回复
1 2 3 4 5 6 ... »