✨️靓标库🧚‍♂️名人堂⚔️攻守道🎲骰子🥊猜拳🏧黑市🏧银行💹抽奖💝捐助
✨活动💥客户端🎫卡密📜淘帖🧩导读📢推广👛帮助💰️钱包💖关注
  • 首页
  • 社区
  • 资源
  • 拍卖
  • 排行Ranklist
  • 家园Space
  • 圈子
  • 任务
  • 商城
  • 文库
  • 需求
    • 立即注册
    飞流论坛»社区 › 网络中心 › 站长之家 › 子比主题修改带页面快照GO跳转页面
    返回列表 发布新帖
    查看: 212|回复: 0

    [代码技巧] 子比主题修改带页面快照GO跳转页面

    [复制链接]
    SunJu_FaceMall
    社区贡献

    315

    主题

    190

    回帖

    1万

    积分

    等级头衔
    Icon组别 : 管理员
    Icon等级 :

    积分成就
       钻石 : 524 颗
       贡献 : 1849 点
       金币 : 12 枚
    Icon在线时间 : 1298 小时
    Icon注册时间 : 2024-11-22
    Icon最后登录 : 2025-12-12

    荣誉勋章

    会员LV.1会员LV.2会员LV.3会员LV.4会员LV.5会员LV.6会员LV.7会员LV.8会员LV.9会员LV.10

    风云·优秀版主
    飞流名人堂成员

    1

    实名认证 手机认证 vip vip-year FLLTCN发表于 2025-8-26 23:09:12 来自手机端 | 查看全部 |阅读模式 北京

    资源无需等待，交易就趁现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

    您需要 登录 才可以下载或查看，没有账号？立即注册

    ×
    <h2>效果展示</h2>
    1000221404.webp
    功能
    1.左下角自定义广告位
    2.右上角添加站长联系方式
    3.页面快照（您要访问的页面快照，部分页面可能由于防御机制无法捕获）
    4.已内置相关api，直接食用即可
    代码
    1. <?php
    2. if (
    3.     strlen($_SERVER['REQUEST_URI']) > 384 ||
    4.     strpos($_SERVER['REQUEST_URI'], "eval(") !== false ||
    5.     strpos($_SERVER['REQUEST_URI'], "base64") !== false
    6. ) {
    7.     @header("HTTP/1.1 414 Request-URI Too Long");
    8.     @header("Status: 414 Request-URI Too Long");
    9.     @header("Connection: Close");
    10.     @exit;
    11. }

    13. @session_start();

    15. // 处理URL参数
    16. $t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
    17. if (!empty($t_url)) {
    18.     if ($t_url === base64_encode(base64_decode($t_url))) {
    19.         $t_url = base64_decode($t_url);
    20.     }
    21.     $t_url = htmlspecialchars($t_url);
    22.    
    23.     preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    24.     $site_name = <?php bloginfo( 'name' ); ?>;
    25.     $page_title = $site_name . ' - 网站安全验证中心';
    26.    
    27.     if ($matches) {
    28.         $url = $t_url;
    29.     } else {
    30.         preg_match('/\./i', $t_url, $matche);
    31.         if ($matche) {
    32.             $url = 'http://' . $t_url;
    33.         } else {
    34.             $url = 'http://' . $_SERVER['HTTP_HOST'];
    35.             $page_title = '参数错误 - ' . $site_name;
    36.         }
    37.     }
    38. } else {
    39.     $page_title = '参数缺失 - ' . $site_name;
    40.     $url = 'http://' . $_SERVER['HTTP_HOST'];
    41. }

    43. $url = htmlspecialchars($url);
    44. $domain = parse_url($url, PHP_URL_HOST) ?: $url;


    47. $normalizedUrl = $url;
    48. if (!preg_match('/^https?:\/\//i', $normalizedUrl)) {
    49.     $normalizedUrl = 'http://' . $normalizedUrl;
    50. }
    51. $encodedUrl = rawurlencode($normalizedUrl);
    52. $snapshotWidth = 1024;
    53. $snapshotHeight = 768;
    54. $snapshotQuality = 80;
    55. $mshotsUrl = "https://s0.wp.com/mshots/v1/{$encodedUrl}?w={$snapshotWidth}&h={$snapshotHeight}&quality={$snapshotQuality}";
    56. ?>
    57. <!DOCTYPE html>
    58. <html lang="zh-CN">
    59. <head>
    60.     <meta charset="UTF-8">
    61.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    62.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    63.     <meta name="robots" content="noindex, nofollow">
    64.     <link rel="shortcut icon" href="https://blgo.ax24.cn/wp-content/uploads/2025/08/favicon.ico" type="image/x-icon">
    65.     <title><?php echo $page_title; ?></title>
    66.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    67.     <style>
    68.         :root {
    69.             --primary: #165DFF;
    70.             --primary-light: #E8F3FF;
    71.             --primary-dark: #0E42CC;
    72.             --danger: #F53F3F;
    73.             --danger-light: #FFECE8;
    74.             --warning: #FF7D00;
    75.             --warning-light: #FFF7E8;
    76.             --success: #00B42A;
    77.             --success-light: #E8FFEA;
    78.             --gray-50: #F2F3F5;
    79.             --gray-100: #E5E6EB;
    80.             --gray-200: #C9CDD4;
    81.             --gray-300: #86909C;
    82.             --gray-400: #4E5969;
    83.             --gray-500: #1D2129;
    84.             --text: var(--gray-500);
    85.             --text-light: var(--gray-400);
    86.             --border-radius: 12px;
    87.             --border-radius-sm: 6px;
    88.             --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    89.             --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    90.             --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    91.         }
    92.         
    93.         * {
    94.             margin: 0;
    95.             padding: 0;
    96.             box-sizing: border-box;
    97.             font-family: "Inter", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
    98.         }
    99.         
    100.         body {
    101.             background-color: #F7F8FA;
    102.             color: var(--text);
    103.             line-height: 1.5;
    104.             padding: 30px 0;
    105.             font-size: 15px;
    106.         }
    107.         
    108.         .container {
    109.             max-width: 1200px;
    110.             margin: 0 auto;
    111.             padding: 0 16px;
    112.         }
    113.         
    114.         .card {
    115.             background-color: #fff;
    116.             border-radius: var(--border-radius);
    117.             box-shadow: var(--shadow);
    118.             overflow: hidden;
    119.             margin-bottom: 24px;
    120.             transition: var(--transition);
    121.         }
    122.         
    123.         .card:hover {
    124.             box-shadow: var(--shadow-hover);
    125.         }
    126.         
    127.         .card-header {
    128.                   
    129.             background: linear-gradient(135deg, rgba(22, 93, 255, 0.9), rgba(22, 93, 255, 0.7));
    130.             color: #fff;
    131.             padding: 20px 24px;
    132.             font-size: 20px;
    133.             font-weight: 600;
    134.             display: flex;
    135.             align-items: center;
    136.             justify-content: space-between;
    137.             position: relative;
    138.             overflow: hidden;
    139.             border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    140.         }
    141.         
    142.         
    143.         .card-header::before {
    144.             content: '';
    145.             position: absolute;
    146.             top: 0;
    147.             left: 0;
    148.             width: 100%;
    149.             height: 100%;
    150.             background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
    151.             backdrop-filter: blur(10px);
    152.             -webkit-backdrop-filter: blur(10px);
    153.         }
    154.         
    155.         .card-header .content {
    156.             position: relative;
    157.             z-index: 1;
    158.             display: flex;
    159.             align-items: center;
    160.         }
    161.         
    162.         .card-header .contact-buttons {
    163.             position: relative;
    164.             z-index: 1;
    165.             display: flex;
    166.             gap: 12px;
    167.         }
    168.         
    169.         .contact-btn {
    170.             background-color: rgba(255, 255, 255, 0.2);
    171.             border: none;
    172.             color: white;
    173.             padding: 6px 16px;
    174.             border-radius: 20px;
    175.             font-size: 14px;
    176.             cursor: pointer;
    177.             transition: var(--transition);
    178.             display: inline-flex;
    179.             align-items: center;
    180.             gap: 6px;
    181.             text-decoration: none;
    182.         }
    183.         
    184.         .contact-btn:hover {
    185.             background-color: rgba(255, 255, 255, 0.3);
    186.             transform: translateY(-2px);
    187.             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    188.         }
    189.         
    190.         .card-header .icon {
    191.             font-size: 24px;
    192.             margin-right: 12px;
    193.         }
    194.         
    195.         .card-body {
    196.             padding: 24px;
    197.         }
    198.         
    199.         .main-content {
    200.             display: flex;
    201.             gap: 24px;
    202.             margin-bottom: 24px;
    203.         }
    204.         
    205.         .left-column {
    206.             flex: 1;
    207.         }
    208.         
    209.         .right-column {
    210.             flex: 1.2;
    211.         }
    212.         
    213.         .warning-notice {
    214.             background-color: var(--warning-light);
    215.             border-left: 4px solid var(--warning);
    216.             padding: 16px 20px;
    217.             margin-bottom: 24px;
    218.             border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    219.             display: flex;
    220.             align-items: center;
    221.             transition: var(--transition);
    222.         }
    223.         
    224.         .warning-notice:hover {
    225.             transform: translateX(2px);
    226.         }
    227.         
    228.         .warning-notice i {
    229.             color: var(--warning);
    230.             font-size: 22px;
    231.             margin-right: 12px;
    232.             flex-shrink: 0;
    233.         }
    234.         
    235.         .url-display {
    236.             background-color: var(--gray-50);
    237.             border: 1px solid var(--gray-100);
    238.             border-radius: var(--border-radius-sm);
    239.             padding: 16px 20px;
    240.             margin-bottom: 24px;
    241.             word-break: break-all;
    242.             position: relative;
    243.             transition: var(--transition);
    244.         }
    245.         
    246.         .url-display:hover {
    247.             border-color: var(--primary-light);
    248.             background-color: var(--primary-light);
    249.         }
    250.         
    251.         .url-display::before {
    252.             content: "目标网址";
    253.             position: absolute;
    254.             top: -10px;
    255.             left: 16px;
    256.             background-color: #fff;
    257.             padding: 0 8px;
    258.             font-size: 13px;
    259.             color: var(--gray-400);
    260.             font-weight: 500;
    261.         }
    262.         
    263.         .info-section {
    264.             margin-bottom: 32px;
    265.         }
    266.         
    267.         .info-title {
    268.             font-size: 18px;
    269.             font-weight: 600;
    270.             margin-bottom: 16px;
    271.             padding-bottom: 10px;
    272.             border-bottom: 1px solid var(--gray-100);
    273.             display: flex;
    274.             align-items: center;
    275.             color: var(--gray-500);
    276.         }
    277.         
    278.         .info-title i {
    279.             color: var(--primary);
    280.             margin-right: 10px;
    281.             font-size: 20px;
    282.         }
    283.         
    284.         .snapshot-container {
    285.             border: 1px solid var(--gray-100);
    286.             border-radius: var(--border-radius);
    287.             overflow: hidden;
    288.             background-color: #fff;
    289.             margin-bottom: 24px;
    290.             transition: var(--transition);
    291.             height: 100%;
    292.             display: flex;
    293.             flex-direction: column;
    294.         }
    295.         
    296.         .snapshot-container:hover {
    297.             border-color: var(--primary-light);
    298.             box-shadow: 0 2px 12px rgba(22, 93, 255, 0.08);
    299.         }
    300.         
    301.         .snapshot-header {
    302.             background-color: var(--gray-50);
    303.             padding: 12px 16px;
    304.             border-bottom: 1px solid var(--gray-100);
    305.             display: flex;
    306.             align-items: center;
    307.             font-size: 14px;
    308.         }
    309.         
    310.         .browser-dots {
    311.             display: flex;
    312.             gap: 6px;
    313.             margin-right: 16px;
    314.         }
    315.         
    316.         .dot {
    317.             width: 10px;
    318.             height: 10px;
    319.             border-radius: 50%;
    320.             transition: var(--transition);
    321.         }
    322.         
    323.         .dot-red {
    324.             background-color: #FF5A5A;
    325.         }
    326.         
    327.         .dot-red:hover {
    328.             transform: scale(1.2);
    329.         }
    330.         
    331.         .dot-yellow {
    332.             background-color: #FFC850;
    333.         }
    334.         
    335.         .dot-yellow:hover {
    336.             transform: scale(1.2);
    337.         }
    338.         
    339.         .dot-green {
    340.             background-color: #56D364;
    341.         }
    342.         
    343.         .dot-green:hover {
    344.             transform: scale(1.2);
    345.         }
    346.         
    347.         .snapshot-url {
    348.             color: var(--gray-400);
    349.             flex: 1;
    350.             overflow: hidden;
    351.             text-overflow: ellipsis;
    352.             white-space: nowrap;
    353.             font-family: "Consolas", monospace;
    354.         }
    355.         
    356.         .snapshot-img-container {
    357.             width: 100%;
    358.             overflow: hidden;
    359.             position: relative;
    360.             flex: 1;
    361.             min-height: 400px;
    362.             background-color: var(--gray-50);
    363.         }
    364.         
    365.         .snapshot-loading {
    366.             position: absolute;
    367.             top: 0;
    368.             left: 0;
    369.             width: 100%;
    370.             height: 100%;
    371.             display: flex;
    372.             align-items: center;
    373.             justify-content: center;
    374.             background-color: rgba(255, 255, 255, 0.8);
    375.             z-index: 10;
    376.             transition: opacity 0.3s ease;
    377.         }
    378.         
    379.         .snapshot-loading i {
    380.             font-size: 36px;
    381.             color: var(--primary);
    382.             animation: spin 1.5s linear infinite;
    383.             position: relative;
    384.         }
    385.         
    386.         .snapshot-loading i::after {
    387.             content: '';
    388.             position: absolute;
    389.             top: 50%;
    390.             left: 50%;
    391.             width: 120%;
    392.             height: 120%;
    393.             border-radius: 50%;
    394.             border: 2px solid rgba(22, 93, 255, 0.2);
    395.             transform: translate(-50%, -50%);
    396.             animation: pulse 2s infinite;
    397.         }
    398.         
    399.         @keyframes spin {
    400.             0% { transform: rotate(0deg); }
    401.             100% { transform: rotate(360deg); }
    402.         }
    403.         
    404.         @keyframes pulse {
    405.             0% { transform: translate(-50%, -50%) scale(0.8); opacity: 1; }
    406.             100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }
    407.         }
    408.         
    409.         .snapshot-img {
    410.             width: 100%;
    411.             height: 100%;
    412.             object-fit: cover;
    413.             display: block;
    414.             transition: transform 0.6s ease, opacity 0.4s ease;
    415.             opacity: 0;
    416.         }
    417.         
    418.         .snapshot-img.loaded {
    419.             transform: scale(1);
    420.             opacity: 1;
    421.         }
    422.         
    423.         .snapshot-img:hover {
    424.             transform: scale(1.03);
    425.         }
    426.         
    427.         .snapshot-placeholder {
    428.             padding: 80px 20px;
    429.             text-align: center;
    430.             color: var(--gray-400);
    431.         }
    432.         
    433.         .snapshot-refresh {
    434.             margin-top: 12px;
    435.             color: var(--primary);
    436.             background: none;
    437.             border: 1px solid var(--primary);
    438.             padding: 6px 18px;
    439.             border-radius: 20px;
    440.             font-size: 14px;
    441.             cursor: pointer;
    442.             transition: var(--transition);
    443.             display: inline-flex;
    444.             align-items: center;
    445.             gap: 6px;
    446.             text-decoration: none;
    447.         }
    448.         
    449.         .snapshot-refresh i {
    450.             transition: transform 0.5s ease;
    451.         }
    452.         
    453.         .snapshot-refresh:hover {
    454.             background-color: var(--primary);
    455.             color: white;
    456.             transform: translateY(-2px);
    457.             box-shadow: 0 4px 12px rgba(22, 93, 255, 0.25);
    458.         }
    459.         
    460.         .snapshot-refresh:hover i {
    461.             transform: rotate(180deg);
    462.         }
    463.         
    464.         .action-buttons {
    465.             display: flex;
    466.             justify-content: center;
    467.             gap: 24px;
    468.             margin: 24px 0;
    469.             flex-wrap: wrap;
    470.         }
    471.         
    472.         .btn {
    473.             padding: 14px 48px;
    474.             border-radius: var(--border-radius-sm);
    475.             font-size: 16px;
    476.             font-weight: 600;
    477.             cursor: pointer;
    478.             transition: var(--transition);
    479.             border: none;
    480.             display: inline-flex;
    481.             align-items: center;
    482.             justify-content: center;
    483.             gap: 8px;
    484.             position: relative;
    485.             overflow: hidden;
    486.             text-decoration: none;
    487.         }
    488.         
    489.         .btn::before {
    490.             content: '';
    491.             position: absolute;
    492.             top: 0;
    493.             left: -100%;
    494.             width: 100%;
    495.             height: 100%;
    496.             background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    497.             transition: 0.5s;
    498.         }
    499.         
    500.         .btn:hover::before {
    501.             left: 100%;
    502.         }
    503.         
    504.         .btn-cancel {
    505.             background-color: #fff;
    506.             color: var(--gray-500);
    507.             border: 1px solid var(--gray-100);
    508.         }
    509.         
    510.         .btn-cancel:hover {
    511.             background-color: var(--gray-50);
    512.             border-color: var(--gray-200);
    513.             transform: translateY(-2px);
    514.             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    515.         }
    516.         
    517.         .btn-continue {
    518.             background-color: var(--primary);
    519.             color: #fff;
    520.         }
    521.         
    522.         .btn-continue:hover {
    523.             background-color: var(--primary-dark);
    524.             transform: translateY(-2px);
    525.             box-shadow: 0 6px 16px rgba(22, 93, 255, 0.3);
    526.         }
    527.         
    528.         .safety-tips {
    529.             background-color: var(--danger-light);
    530.             border-radius: var(--border-radius-sm);
    531.             padding: 16px 20px;
    532.             margin: 24px 0;
    533.             font-size: 14px;
    534.             color: var(--danger);
    535.             border-left: 4px solid var(--danger);
    536.             transition: var(--transition);
    537.         }
    538.         
    539.         .safety-tips:hover {
    540.             transform: translateX(2px);
    541.         }
    542.         
    543.         .safety-tips strong {
    544.             font-weight: 600;
    545.         }
    546.         
    547.         
    548.         .ad-section {
    549.             margin-top: 30px;
    550.             border-radius: var(--border-radius-sm);
    551.             overflow: hidden;
    552.         }
    553.         
    554.         .ad-image-container {
    555.             margin-bottom: 12px;
    556.             border-radius: var(--border-radius-sm);
    557.             overflow: hidden;
    558.             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    559.             transition: var(--transition);
    560.         }
    561.         
    562.         .ad-image-container:hover {
    563.             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    564.             transform: translateY(-2px);
    565.         }
    566.         
    567.         .ad-image {
    568.             width: 100%;
    569.             height: auto;
    570.             display: block;
    571.             border: none;
    572.         }
    573.         
    574.         .ad-text-container {
    575.             display: flex;
    576.             gap: 12px;
    577.         }
    578.         
    579.         .ad-text {
    580.             flex: 1;
    581.             background-color: var(--gray-50);
    582.             border: 1px solid var(--gray-100);
    583.             border-radius: var(--border-radius-sm);
    584.             padding: 12px 16px;
    585.             text-align: center;
    586.             color: var(--primary);
    587.             font-weight: 500;
    588.             cursor: pointer;
    589.             transition: var(--transition);
    590.             text-decoration: none;
    591.         }
    592.         
    593.         .ad-text:hover {
    594.             background-color: var(--primary-light);
    595.             border-color: var(--primary);
    596.             transform: translateY(-2px);
    597.             box-shadow: 0 4px 8px rgba(22, 93, 255, 0.1);
    598.         }
    599.         
    600.         .footer-info {
    601.             text-align: center;
    602.             font-size: 14px;
    603.             color: var(--gray-400);
    604.             padding: 20px 0 10px;
    605.             position: relative;
    606.         }
    607.         
    608.         .footer-info::before {
    609.             content: '';
    610.             position: absolute;
    611.             top: 0;
    612.             left: 15%;
    613.             width: 70%;
    614.             height: 1px;
    615.             background-color: var(--gray-100);
    616.         }
    617.         
    618.         .footer-info p {
    619.             margin-bottom: 8px;
    620.         }
    621.         
    622.         @media (max-width: 992px) {
    623.             .main-content {
    624.                 flex-direction: column;
    625.             }
    626.             
    627.             .snapshot-img-container {
    628.                 min-height: 320px;
    629.             }
    630.         }
    631.         
    632.         @media (max-width: 768px) {
    633.             .action-buttons {
    634.                 flex-direction: column;
    635.                 gap: 12px;
    636.                 padding: 0 16px;
    637.             }
    638.             
    639.             .btn {
    640.                 width: 100%;
    641.                 padding: 14px 0;
    642.             }
    643.             
    644.             .card-header {
    645.                 padding: 16px 20px;
    646.                 font-size: 18px;
    647.                 flex-direction: column;
    648.                 align-items: flex-start;
    649.                 gap: 12px;
    650.             }
    651.             
    652.             .card-header .contact-buttons {
    653.                 width: 100%;
    654.                 justify-content: flex-start;
    655.             }
    656.             
    657.             .card-body {
    658.                 padding: 20px;
    659.             }
    660.             
    661.             .ad-text {
    662.                 padding: 10px 12px;
    663.                 font-size: 14px;
    664.             }
    665.         }
    666.         
    667.         @media (max-width: 480px) {
    668.             body {
    669.                 padding: 20px 0;
    670.             }
    671.             
    672.             .card-header {
    673.                 font-size: 16px;
    674.             }
    675.             
    676.             .card-body {
    677.                 padding: 16px;
    678.             }
    679.             
    680.             .warning-notice, .safety-tips {
    681.                 padding: 12px 16px;
    682.             }
    683.             
    684.             .snapshot-img-container {
    685.                 min-height: 240px;
    686.             }
    687.             
    688.             .contact-btn {
    689.                 padding: 5px 12px;
    690.                 font-size: 13px;
    691.             }
    692.             
    693.             .ad-text-container {
    694.                 flex-direction: column;
    695.                 gap: 8px;
    696.             }
    697.         }
    698.     </style>
    699. </head>
    700. <body>
    701.     <div class="container">
    702.         <!-- 页面标题卡片 -->
    703.         <div class="card">
    704.             <div class="card-header">
    705.                 <div class="content">
    706.                     <i class="fas fa-shield-alt icon"></i>
    707.                     <?php bloginfo( 'name' ); ?>
    708.                 </div>
    709.                 <div class="contact-buttons">
    710.                     <a href="这里修改为你的QQ链接"
    711.                        class="contact-btn"
    712.                        target="_blank"
    713.                        rel="noopener noreferrer">
    714.                         <i class="fab fa-qq"></i> 联系站长
    715.                     </a>
    716.                     <a href="mailto:这里修改为你的邮箱"
    717.                        class="contact-btn">
    718.                         <i class="fas fa-envelope"></i> 发送邮件
    719.                     </a>
    720.                 </div>
    721.             </div>
    722.             <div class="card-body">
    723.                 <div class="main-content">
    724.                     <!-- 左侧列 - 提示信息 -->
    725.                     <div class="left-column">
    726.                         <div class="warning-notice">
    727.                             <i class="fas fa-exclamation-circle"></i>
    728.                             <div>您即将离开当前平台，访问第三方网站。请确认该网站的安全性后再进行访问。</div>
    729.                         </div>
    730.                         
    731.                         <div class="url-display">
    732.                             <?php echo $url; ?>
    733.                         </div>
    734.                         
    735.                         <!-- 安全提示 -->
    736.                         <div class="safety-tips">
    737.                             <strong>安全提示：</strong>请勿在陌生网站输入银行卡密码、身份证号等敏感信息。如发现虚假网站或诈骗行为，请立即举报。
    738.                         </div>
    739.                         
    740.                         <!-- 操作按钮 -->
    741.                         <div class="action-buttons">
    742.                             <button class="btn btn-cancel" id="cancelBtn">
    743.                                 <i class="fas fa-arrow-left"></i> 返回上一页
    744.                             </button>
    745.                             <button class="btn btn-continue" id="continueBtn">
    746.                                 <i class="fas fa-external-link-alt"></i> 继续访问
    747.                             </button>
    748.                         </div>
    749.                         
    750.                         <!-- 广告位 -->
    751.                         <div class="ad-section">
    752.                             <!-- 第一行：图片广告 -->
    753.                             <!-- <a href="这里修改为你需要跳转的网站链接" target="_blank" rel="noopener noreferrer" class="ad-image-container">
    754.                                 
    755.                             </a> -->
    756.                         </div>
    757.                     </div>
    758.                     
    759.                     <!-- 右侧列 - 屏幕快照 -->
    760.                     <div class="right-column">
    761.                         <div class="info-section">
    762.                             <h3 class="info-title">
    763.                                 <i class="fas fa-desktop"></i> 网站快照预览
    764.                             </h3>
    765.                             <div class="snapshot-container">
    766.                                 <div class="snapshot-header">
    767.                                     <div class="browser-dots">
    768.                                         <div class="dot dot-red"></div>
    769.                                         <div class="dot dot-yellow"></div>
    770.                                         <div class="dot dot-green"></div>
    771.                                     </div>
    772.                                     <div class="snapshot-url"><?php echo $domain; ?></div>
    773.                                 </div>
    774.                                 <div class="snapshot-img-container">
    775.                                     <div class="snapshot-loading" id="snapshotLoader">
    776.                                         <i class="fas fa-spinner fa-spin"></i>
    777.                                     </div>
    778.                                      document.getElementById('snapshotLoader').style.display='none', 300);"
    779.                                          onerror="handleSnapshotError()">
    780.                                 </div>
    781.                                 <div style="text-align: center; padding: 12px;">
    782.                                     <button class="snapshot-refresh" onclick="refreshSnapshot()">
    783.                                         <i class="fas fa-sync-alt"></i> 刷新快照
    784.                                     </button>
    785.                                 </div>
    786.                             </div>
    787.                         </div>
    788.                     </div>
    789.                 </div>
    790.             </div>
    791.         </div>
    792.         
    793.         <!-- 页脚信息 -->
    794.         <div class="footer-info">
    795.             <p>安全验证中心旨在保护用户上网安全，本验证结果仅供参考</p>
    796.             <p>© 2025 这里修改为你的网站名 版权所有</p>
    797.         </div>
    798.     </div>

    800.     <script>
    801.         // 保存原始快照URL，用于刷新功能
    802.         const originalSnapshotUrl = "<?php echo $mshotsUrl; ?>";
    803.         
    804.         // 取消访问按钮
    805.         document.getElementById('cancelBtn').addEventListener('click', function() {
    806.             this.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 返回中...';
    807.             this.disabled = true;
    808.             
    809.             // 尝试返回上一页，如果不行则跳转到首页
    810.             setTimeout(() => {
    811.                 if (history.length > 1) {
    812.                     history.back();
    813.                 } else {
    814.                     location.href = 'http://<?php echo $_SERVER['HTTP_HOST']; ?>';
    815.                 }
    816.             }, 600);
    817.         });
    818.         
    819.         // 继续访问按钮
    820.         document.getElementById('continueBtn').addEventListener('click', function() {
    821.             this.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 跳转中...';
    822.             this.disabled = true;
    823.             
    824.             setTimeout(() => {
    825.                 location.replace('<?php echo $url; ?>');
    826.             }, 800);
    827.         });
    828.         
    829.         // 处理快照加载错误
    830.         function handleSnapshotError() {
    831.             const container = document.querySelector('.snapshot-img-container');
    832.             container.innerHTML = `
    833.                 <div class="snapshot-placeholder">
    834.                     <i class="fas fa-exclamation-circle" style="font-size: 36px; margin-bottom: 12px; color: var(--danger);"></i>
    835.                     <p>网页快照加载失败</p>
    836.                     <button class="snapshot-refresh" onclick="refreshSnapshot()">
    837.                         <i class="fas fa-sync-alt"></i> 重试
    838.                     </button>
    839.                 </div>
    840.             `;
    841.         }
    842.         
    843.         // 刷新快照功能
    844.         function refreshSnapshot() {
    845.             const container = document.querySelector('.snapshot-img-container');
    846.             // 添加随机参数防止缓存
    847.             const randomParam = Math.random().toString(36).substring(7);
    848.             const newSnapshotUrl = originalSnapshotUrl + (originalSnapshotUrl.includes('?') ? '&' : '?') + 'rand=' + randomParam;
    849.             
    850.             container.innerHTML = `
    851.                 <div class="snapshot-loading" id="snapshotLoader">
    852.                     <i class="fas fa-spinner fa-spin"></i>
    853.                 </div>
    854.                  document.getElementById('snapshotLoader').style.display='none', 300);"
    855.                      onerror="handleSnapshotError()">
    856.             `;
    857.         }
    858.         
    859.         // 添加页面载入动画
    860.         document.addEventListener('DOMContentLoaded', function() {
    861.             const card = document.querySelector('.card');
    862.             card.style.opacity = '0';
    863.             card.style.transform = 'translateY(20px)';
    864.             
    865.             setTimeout(() => {
    866.                 card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
    867.                 card.style.opacity = '1';
    868.                 card.style.transform = 'translateY(0)';
    869.             }, 100);
    870.         });
    871.     </script>
    872. </body>
    873. </html>
    复制代码
    # 子比主题, # 跳转页面, # 快照

    本帖被以下淘专辑推荐:

    路虽远，行则将至；事虽难，做则必成。
    回复

    使用道具 举报

    相关帖子
    返回列表 发布新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    飞流广播+ 发布

    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		10-30 17:02
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		10-09 09:07
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-24 09:00
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-11 11:40
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-02 09:17
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-27 08:56
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-20 15:12
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-03 10:22
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		06-30 08:57
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		06-18 09:14
    系统消息：清风网络已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		04-11 09:40
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-10 09:31
    系统消息：IXM77777已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 13:44
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 09:22
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 08:52
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-08 09:24
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-07 09:02
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		02-27 09:35
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		02-26 09:06
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		02-25 08:49
    站内通告

    提供资源交易、信息共享、靓号交流、技术变现、学习问答、兴趣娱乐等全面服务。

    1.丰富功能系统，扩展社区特色玩法，打造最好的互联网聚集圈子。

    2.准确信息真实交易，安全快捷又方便，让虚拟交易面对面。

    3. 天上不会掉馅饼，话术骗术迷人心，切勿脱离平台线下交易，被骗与平台无关！

    4. 欺诈骗钱，违规违法将视情受到警告&禁言&封号甚至检举至👮🏻‍♀️处理！

    官方Q群：123129钉推群：BAYR2383 站长QQ：3220000000

    关于我们

    纪律公约 官联方式 迭代更新 招贤纳士

    常用功能

    活动中心 竞价十榜 推广奖励 下载多端

    服务引导

    帮助中心 麦粉会员 认证中心 点靓UID
    投诉/建议/商务合作联系

    fl@fllt.cn

    严禁私下交易，被骗与本站无关。
    违反交易细则，取证立查严惩。
    • 钉钉新帖推送群
    • 官方交流QQ群
    • 站长唯一微信号

    👮曝光Ta|🧿小黑屋|📴手机页|飞流网 ( 渝ICP备2025054677号-1|电信增值许可 渝B2-20250789 )|网站地图

    GMT+8, 2025-12-14 07:00 , Processed in 0.085520 second(s), 61 queries, MemCached On , Gzip On.

    Based on XJ-TX X3.5 Licensed

    飞流论坛 HanAnalytics icp Astro vhAstro-Theme

    关灯 在本版发帖
    扫一扫添加微信客服
     QQ客服返回顶部
    快速回复 返回顶部 返回列表