【摘要】摘要:昨天晚上,小东看到风神博客的一个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修改成你的网站域名)
小东
简介:专业团队网站开发、安全运维,合作意向请联系!
发表评论