前言
久伴在空闲时间到处逛,看到一个外链跳转的效果很不错,就趴出来分享一波啦
效果截图
效果演示
[url href=http://tc.jiub.ren]点我查看演示[/url]
begin主题修改方案
打开文件begin-inc-go.php全选替换成以下html代码即可
[reply]
- <?php
- // http://42.193.49.154
- $t_url = preg_replace(‘/^url=(.*)$/i’,’$1‘,$_SERVER[“QUERY_STRING”]);
- if(!empty($t_url)) {
- preg_match(‘/(http|https):\/\//’,$t_url,$matches);
- if($matches){
- $url=$t_url;
- $title=’页面加载中,请稍候…’;
- } else {
- $title=’加载中…’;
- echo “<script>setTimeout(function(){window.opener=null;window.close();}, 3000);</script>”;
- }
- }
- ?>
- <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:#555}.loading{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}@-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}}.spinner-wrapper{position:absolute;top:0;left:0;z-index:300;height:100%;min-width:100%;min-height:100%;background:rgba(255,255,255,.93)}.spinner-text{position:absolute;top:45%;left:50%;margin-left:-80px;margin-top:2px;color:#000;letter-spacing:1px;font-size:20px;font-family:Arial;font-weight:100}.loader{position:absolute;top:42%;left:50%;display:block;margin-left:-160px}.loader:before{content:“”;width:50px;height:5px;border-radius:50%;background:#000;opacity:.1;position:absolute;top:59px;left:0;animation:shadow .5s linear infinite}.loader:after{content:“”;width:50px;height:50px;border-radius:3px;background:#008bba;position:absolute;top:0;left:0;animation:loading .5s linear infinite}@-webkit-keyframes loading{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@keyframes loading{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@-webkit-keyframes shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}@keyframes shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}
- </style>
- </head>
- <body>
- <div class=“loading”>
- <div class=“spinner-wrapper”>
- <span class=“spinner-text”>请稍等，加载中…</span>
- <div class=“loader”></div>
- </div>
- </div>
- <script type=“text/javascript”>
- function click(){
- if(event.button==2){
- return false;
- }
- }
- document.onmousedown=click;
- </script>
- </body>
- </html>
[/reply]
加群入久伴博客官方微信群
加入久伴官方微信群有啥优势？
1.文章内部资源由于时间久远可能失效，加群,群内可以第一时间反馈
2.网站中教程不一定适用任何人，加群可以第一时间咨询并解决您得疑惑
3.你游荡于互联网，也需要群体，加群一起互动交流，畅所欲言
扫描下方二维码即可加入交流讨论
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
很好看
网站在小美化中，哈哈
爸爸到此一游!
请文明发言,不理智,不文明,违反国家法律法规低俗的发言都会被封IP处理
找这个好好久
扒的憧憬博客的 😕
狗子，我来偷了
哼
啧啧啧啧啧啧做做做做做
谢谢博主分享
谢谢分享，博主厉害啊
谢谢分享
hhhhh哈哈