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>