首页头部灵动岛提醒
<!-- 首页头部灵动岛提醒开始 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
if (window.location.pathname === '/' || window.location.pathname === '/index.html') {
const hour = new Date().getHours();
let greeting = '你好';
if (hour >= 1 && hour < 24) greeting = '您有一条新消息!';
const toast = document.createElement('div');
toast.textContent = greeting;
toast.style = `
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.8);
color: white;
padding: 2px 20px;
border-radius: 20px;
font-size: 14px;
z-index: 9999;
animation: fadeInOut 2.3s ease;
`;
document.body.appendChild(toast);
setTimeout(() => toast.remove(), 2300);
}
});
</script>
<style>
@keyframes fadeInOut {
0% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
20% { opacity: 1; transform: translateX(-50%) translateY(0); }
80% { opacity: 1; transform: translateX(-50%) translateY(0); }
100% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
}
</style>
<!-- 首页头部灵动岛提醒结束 -->
页脚halo闪烁效果
<!-- 页脚halo闪烁效果开始 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const generatorContent = document.querySelector('meta[name="generator"]').getAttribute('content').replace("Halo ", "' Pro " )+ "'";
document.documentElement.style.setProperty('--version-information', generatorContent);
});
</script>
<style>
@keyframes colorChange {
0% { color: red; }
50% { color: blue; }
100% { color: green; }
}
@-webkit-keyframes shining {
from {text-shadow: 0 0 10px lightblue, 0 0 20px lightblue, 0 0 30px lightblue, 0 0 40px skyblue, 0 0 50px skyblue, 0 0 60px skyblue;}
to {text-shadow: 0 0 5px lightblue, 0 0 10px lightblue, 0 0 15px lightblue, 0 0 20px skyblue, 0 0 25px skyblue, 0 0 30px skyblue;}
}
footer a[href="https://halo.run"]::after {
content: var(--version-information);
}
footer a[href="https://halo.run"] {
font-weight: bold;
animation: colorChange 0.2s infinite alternate, shining 0.2s
alternate infinite;
}
</style>
<!-- 页脚halo闪烁效果结束 -->
鼠标特效
<!-- 鼠标特效开始 -->
<style>
body{cursor:url(https://pix.kunkunyu.com/upload/Normal-Select.cur),auto;}
button,a:hover{cursor:url(https://pix.kunkunyu.com/upload/Help-Select.cur),pointer;}
input{cursor:url(https://pix.kunkunyu.com/upload/Text-Select.cur), text;}
textarea,input:focus{cursor:url(https://pix.kunkunyu.com/upload/Handwriting.cur), text;}
</style>
<!-- 鼠标特效结束 -->
/* 鼠标特效开始 */
body{cursor:url(https://pix.kunkunyu.com/upload/Normal-Select.cur),auto;}
button,a:hover{cursor:url(https://pix.kunkunyu.com/upload/Help-Select.cur),pointer;}
input{cursor:url(https://pix.kunkunyu.com/upload/Text-Select.cur), text;}
textarea,input:focus{cursor:url(https://pix.kunkunyu.com/upload/Handwriting.cur), text;}
/* 鼠标特效结束 */