AI摘要

哪吒探针V1的样式配置包括自定义Logo、页面背景图、移动端背景图、动画人物插图开关、上下行流量显示、自定义描述、点击爱心特效、页面樱花效果、鼠标特效、人物插图替换、毛玻璃效果、底部描述去除、霞鹜文楷字体引入、页面字体设置以及网站上线时间显示。这些配置通过JavaScript和CSS代码实现,以达到个性化和美化页面的效果。

展开查看详情

<script>
   window.CustomLogo = "https://imagebed.5213334.xyz/file/1734787172716.png"; /* 自定义Logo */
   window.CustomBackgroundImage="https://imagebed.5213334.xyz/file/1734668300002.png"; /* 页面背景图 */
   window.CustomMobileBackgroundImage="https://imagebed.5213334.xyz/file/1736600785053.jpg"; /* 移动端页面背景图 */
   window.DisableAnimatedMan  = "true"; /* 关掉原动画人物插图 */
   window.ShowNetTransfer  = "true";      /* 卡片显示上下行流量 */
   window.CustomDesc ="白嫖至上,技术先行"; /* 自定义描述 */
</script>

<script src="https://cdn.jsdelivr.net/gh/mocchen/cssmeihua/js/aixin.js"></script>/* 点击爱心特效 */

<script src="https://cdn.jsdelivr.net/gh/mocchen/cssmeihua/js/yinghua.js"></script>/* 页面樱花效果 */

/* 鼠标特效 */
<span class="js-cursor-container"></span>
<script src="https://cdn.jsdelivr.net/gh/mocchen/cssmeihua/js/xiaoxingxing.js"></script>


<!-- 人物插图 -->
<script>
var observer = new MutationObserver(function(mutationsList, observer) {
    var xpath = "/html/body/div/div/main/div[2]/section[1]/div[4]/div";
    var container = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

    if (container) {
        observer.disconnect();
        var existingImg = container.querySelector("img");
        if (existingImg) {
            container.removeChild(existingImg);
        }
        var imgElement = document.createElement("img");
        imgElement.src = "https://imagebed.5213334.xyz/file/1734668305206.png";  /* 人物插图图 */
        imgElement.style.position = "absolute";
        imgElement.style.right = "-25px";
        imgElement.style.top = "-102px";
        imgElement.style.zIndex = "10";
        imgElement.style.width = "110px";
        container.appendChild(imgElement);
    }
});
var config = { childList: true, subtree: true };
observer.observe(document.body, config);
</script>


<style> 
/* 毛玻璃*/
  .dark .bg-card {
   font-family: "Roboto", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff; /* 白色,高对比度 */
    position: relative; /* 设置元素为相对定位 */
    background-color: rgba(0, 0, 0, 0.3); /* 设置背景颜色为半透明的黑色 */
    backdrop-filter: blur(5px); /* 应用毛玻璃效果,模糊度为5像素 */
    border-radius: 15px; /* 设置边框圆角为15像素 */
    //box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    //overflow: hidden;  /* 确保内容不会溢出容器 */
    }
  .dark .bg-card h1, .dark .bg-card h2, .dark .bg-card h3 {
    color: #ffffff; /* 保持标题的高对比度 */
  }
  .dark .bg-card p {
    color: #eeeeee; /* 段落文本稍微柔和一些 */
  }


  .light .bg-card {
   font-family: "Roboto", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff; /* 白色,高对比度 */
    position: relative; /* 设置元素为相对定位 */
    background-color: rgba(0, 0, 0, 0.3); /* 设置背景颜色为半透明的黑色 */
    backdrop-filter: blur(5px); /* 应用毛玻璃效果,模糊度为5像素 */
    border-radius: 15px; /* 设置边框圆角为15像素 */
    //box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    //overflow: hidden;  /* 确保内容不会溢出容器 */
    }
  .light .bg-card h1, .light .bg-card h2, .light .bg-card h3 {
    color: #ffffff; /* 保持标题的高对比度 */
  }
  .light .bg-card p {
    color: #eeeeee; /* 段落文本稍微柔和一些 */
  }

  .text-card-foreground {
    color: #000 !important;
  } /*字体设为纯黑其余自动*/

/*去掉底部描述*/
  .pb-4 {
    display: none;
  }
</style>


<!-- 引入霞鹜文楷字体 -->
<script>
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = 'https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css';
    document.head.appendChild(link);
</script>
<!-- 设置页面字体 -->
<style>
    * {
        font-family: 'LXGW WenKai Screen'; /* 设置所有元素使用霞鹜文楷字体 */
    }
    h1, h2, h3, h4, h5 {
        font-family: 'LXGW WenKai Screen', sans-serif; /* 设置标题使用霞鹜文楷字体 */
    }
</style>


<!-- 网站上线时间 -->
<script>
  // 网站启动时间
  const startTime = new Date('2024-12-25');

  // 格式化时间差为字符串
  function formatRuntime(diff) {
    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
    const hours = Math.floor((diff / (1000 * 60 * 60)) % 24);
    const minutes = Math.floor((diff / (1000 * 60)) % 60);
    const seconds = Math.floor((diff / 1000) % 60);

    return  `MJJ:白嫖至上,技术先行;网站已运行:${days}天${hours}小时${minutes}分${seconds}秒`;
  }

  // 更新运行时间
  function updateRuntime() {
    const now = new Date();
    const diff = now - startTime; // 时间差,单位为毫秒
    window.CustomDesc = formatRuntime(diff);
  }

  // 初始化并每秒更新一次运行时间
  updateRuntime();
  setInterval(updateRuntime, 1000);
</script>

END
本文作者:
文章标题:哪吒探针V1-样式配置
本文地址:https://oini.de/archives/50.html
版权说明:若无注明,本文皆LJZの博客原创,转载请保留文章出处。
最后修改:2025 年 05 月 03 日
如果觉得我的文章对你有用,请随意赞赏