MediaWiki:Common.js:修订间差异
来自Fuckrooms Wiki
无编辑摘要 |
无编辑摘要 |
||
第5行: | 第5行: | ||
style.textContent = ` | style.textContent = ` | ||
@keyframes snowFall { | @keyframes snowFall { | ||
0% { transform: translateY(- | 0% { transform: translateY(-130px) rotate(0deg); } | ||
100% { transform: translateY(100vh) rotate( | 100% { transform: translateY(100vh) rotate(3600deg); } | ||
} | } | ||
.snowflake { | .snowflake { | ||
position: fixed; | position: fixed; | ||
top: - | top: -130px; | ||
z-index: 9999; | z-index: 9999; | ||
pointer-events: none; | pointer-events: none; | ||
第28行: | 第28行: | ||
const size = Math.random() * 16 + 8; | const size = Math.random() * 16 + 8; | ||
const left = Math.random() * 100; | const left = Math.random() * 100; | ||
const duration = Math.random() * | const duration = Math.random() * 8 + 8; | ||
const delay = Math.random() * 2; | const delay = Math.random() * 2; | ||
snowflake.style.cssText = ` | snowflake.style.cssText = ` | ||
第47行: | 第47行: | ||
let interval = setInterval(createSnowflake, | let interval = setInterval(createSnowflake, 250); | ||
第54行: | 第54行: | ||
clearInterval(interval); | clearInterval(interval); | ||
} else { | } else { | ||
interval = setInterval(createSnowflake, | interval = setInterval(createSnowflake, 250); | ||
} | } | ||
}); | }); | ||
第63行: | 第63行: | ||
} | } | ||
})(); | })(); | ||
importScript('MediaWiki: | importScript('MediaWiki:Importjs/'+ wgPageName + '.js'); |
2025年4月14日 (一) 15:41的版本
(function(){ if (!document.getElementById('snow-style')) { const style = document.createElement('style'); style.id = 'snow-style'; style.textContent = ` @keyframes snowFall { 0% { transform: translateY(-130px) rotate(0deg); } 100% { transform: translateY(100vh) rotate(3600deg); } } .snowflake { position: fixed; top: -130px; z-index: 9999; pointer-events: none; user-select: none; animation-timing-function: linear; } `; document.head.appendChild(style); } function createSnowflake() { const snowflake = document.createElement('div'); snowflake.className = 'snowflake'; const icons = ['🍀', '☘️', '🍃']; snowflake.innerHTML = icons[Math.floor(Math.random() * 3)]; const size = Math.random() * 16 + 8; const left = Math.random() * 100; const duration = Math.random() * 8 + 8; const delay = Math.random() * 2; snowflake.style.cssText = ` font-size: ${size}px; left: ${left}%; animation: snowFall ${duration}s ${delay}s linear 1; opacity: ${Math.random() * 0.5 + 0.5}; color: hsl(${Math.random() * 360}, 100%, 90%); `; snowflake.addEventListener('animationend', function() { snowflake.remove(); }); document.body.appendChild(snowflake); } let interval = setInterval(createSnowflake, 250); document.addEventListener('visibilitychange', function() { if (document.hidden) { clearInterval(interval); } else { interval = setInterval(createSnowflake, 250); } }); for (let i = 0; i < 10; i++) { createSnowflake(); } })(); importScript('MediaWiki:Importjs/'+ wgPageName + '.js');