<a href="'.$comment['url'].'" target="_blank">
<a href="/go/?url='.$comment['url'].'" target="_blank">
<?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='<?php echo BLOG_URL;?>'; $title='参数错误,正在返回首页……'; } } } else { $title='参数缺失,正在返回首页……'; $url='<?php echo BLOG_URL;?>'; } ?> <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"> html,body { width: 100%; height: 100%; } .flex-container { width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body { background:#000; } .unit { text-align: center; } .unit p { margin-top: 120px; margin-left:-30px; font-size:20px; font-family: 'Lato', sans-serif; text-transform: uppercase; color: #6cc; } .heart { position: relative; font-size: 0; width: 138px; } [class*="heart-piece-"] { position: absolute; top: -5px; width: 10px; height: 10px; border-radius: 5px; } .heart-piece-4 { -webkit-animation: piece-4 1.0s infinite; animation: piece-4 1.0s infinite; } .heart-piece-3, .heart-piece-5 { -webkit-animation: piece-3 1.0s infinite; animation: piece-3 1.0s infinite; } .heart-piece-2, .heart-piece-6 { -webkit-animation: piece-2 1.0s infinite; animation: piece-2 1.0s infinite; } .heart-piece-1, .heart-piece-7 { -webkit-animation: piece-1 1.0s infinite; animation: piece-1 1.0s infinite; } .heart-piece-0, .heart-piece-8 { -webkit-animation: piece-0 1.0s infinite; animation: piece-0 1.0s infinite; } .heart-piece-0 { left: 0px; -webkit-animation-delay: 0s; animation-delay: 0s; background-color: #57f1f1; } .heart-piece-1 { left: 16px; -webkit-animation-delay: 0.05s; animation-delay: 0.05s; background-color: #3ed6d6; } .heart-piece-2 { left: 32px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; background-color: #42c3e0; } .heart-piece-3 { left: 48px; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; background-color: #07ead5; } .heart-piece-4 { left: 64px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; background-color: #42c3e0; } .heart-piece-5 { left: 80px; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; background-color: #07ead5; } .heart-piece-6 { left: 96px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: #42c3e0; } .heart-piece-7 { left: 112px; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; background-color: #3ed6d6; } .heart-piece-8 { left: 128px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; background-color: #57f1f1; } @-webkit-keyframes piece-4 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 94px; top: -23px; } } @keyframes piece-4 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 94px; top: -23px; } } @-webkit-keyframes piece-3 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 90px; top: -31px; } } @keyframes piece-3 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 90px; top: -31px; } } @-webkit-keyframes piece-2 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 80px; top: -37px; } } @keyframes piece-2 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 80px; top: -37px; } } @-webkit-keyframes piece-1 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 60px; top: -31px; } } @keyframes piece-1 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 60px; top: -31px; } } @-webkit-keyframes piece-0 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 30px; top: -15px; } } @keyframes piece-0 { 0%, 10%, 90%, 100% { height: 10px; top: -5px; } 45%, 55% { height: 30px; top: -15px; } } .lg-img { padding:100px 600px 50px 0; position:fixed; } </style> </head> <body> <div class="flex-container"> <div class="lg-img"><img src=""></div> <div class="unit"> <div class="heart"> <div class="heart-piece-0"></div> <div class="heart-piece-1"></div> <div class="heart-piece-2"></div> <div class="heart-piece-3"></div> <div class="heart-piece-4"></div> <div class="heart-piece-5"></div> <div class="heart-piece-6"></div> <div class="heart-piece-7"></div> <div class="heart-piece-8"></div> </div> <p>页面跳转中,请稍候……</p> </div> </div> </body> </html>
站点统计
留言咨询