分享一波外链跳转html源代码及begin主题适配教程

前言

久伴在空闲时间到处逛,看到一个外链跳转的效果很不错,就趴出来分享一波啦

效果截图

效果演示

[url href=http://tc.jiub.ren]点我查看演示[/url]

begin主题修改方案

打开文件begin-inc-go.php全选替换成以下html代码即可
[reply]

  1. <?php   
  2. // http://42.193.49.154  
  3.   
  4. $t_url = preg_replace(‘/^url=(.*)$/i’,’$1‘,$_SERVER[“QUERY_STRING”]);  
  5. if(!empty($t_url)) {  
  6.     preg_match(‘/(http|https):\/\//’,$t_url,$matches);  
  7.     if($matches){  
  8.         $url=$t_url;  
  9.         $title=’页面加载中,请稍候…’;  
  10.     } else {  
  11.         $title=’加载中…’;  
  12.         echo “<script>setTimeout(function(){window.opener=null;window.close();}, 3000);</script>”;  
  13.     }  
  14. }  
  15. ?>  
  16.   
  17. <html>  
  18. <head>  
  19. <meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8”>  
  20. <meta http-equiv=“refresh” content=“1;url='<?php echo $url;?>’;”>  
  21. <title><?php echo $title;?></title>  
  22. <style type=“text/css”>  
  23. 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)}}  
  24. </style>  
  25.   
  26. </head>  
  27. <body>  
  28.   
  29. <div class=“loading”>  
  30.   <div class=“spinner-wrapper”>  
  31.     <span class=“spinner-text”>请稍等,加载中…</span>  
  32.     <div class=“loader”></div>  
  33.   </div>  
  34. </div>  
  35. <script type=“text/javascript”>  
  36. function click(){   
  37.     if(event.button==2){   
  38.         return false;  
  39.     }   
  40. }   
  41. document.onmousedown=click;  
  42. </script>   
  43.   
  44. </body>  
  45. </html>  

[/reply]

人已赞赏
wordpress教程

WordPress纯代码部署VideoJs视频播放器

2018-4-23 14:33:55

wordpress教程

wordpress代码实现网站地图sitemap的html方法

2018-5-3 9:46:50

19 条回复 A文章作者 M管理员
  1. 久伴

    hhhhh哈哈

  2. 久伴

    谢谢分享

  3. 久伴

    谢谢分享,博主厉害啊

  4. 久伴

    谢谢博主分享

  5. 久伴

    啧啧啧啧啧啧做做做做做

  6. 久伴

    狗子,我来偷了

    • 久伴

  7. 久伴

    找这个好好久

    • 久伴

      扒的憧憬博客的 😕

  8. 久伴

    爸爸到此一游!

    • 久伴

      请文明发言,不理智,不文明,违反国家法律法规低俗的发言都会被封IP处理

  9. 久伴

    很好看

    • 久伴

      网站在小美化中,哈哈

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索