@keyframes fadeIn { from { opacity:0; transform: translateY(10px); } to { opacity:1; transform: translateY(0); } } @keyframes iconFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } } // 随机好看图标 const icons = ['☁️','✨','⭐','🌿','🍃','🎐','🪷','🌸','🌙','☀️','🌤','🍂']; // 多套文案随机 const greetTexts = [ {title:'早上好',desc:'清晨有风，岁月有光，愿你带着热爱，开启美好的一天。'}, {title:'早上好',desc:'新的一天，万事顺遂，愿所有美好都如期而至。'}, {title:'中午好',desc:'岁月静好，时光安然，愿你三餐温暖，事事顺心。'}, {title:'中午好',desc:'忙碌的上午告一段落，愿你片刻休憩，元气满满。'}, {title:'下午好',desc:'生活不慌不忙，美好如约而至，愿你所有努力都有回响。'}, {title:'下午好',desc:'午后阳光温柔，愿你心有欢喜，万事皆安。'}, {title:'晚上好',desc:'晚风温柔，灯火可亲，愿你卸下疲惫，被世界温柔以待。'}, {title:'晚上好',desc:'忙碌一天，愿你平安喜乐，日子清净无忧。'}, {title:'夜深了',desc:'星河入梦，岁月安暖，愿你一夜好眠，明天万事顺遂。'}, {title:'夜深了',desc:'夜静更深，早点休息，愿所有烦恼都随夜色消散。'} ]; function getRandomItem(arr) { return arr[Math.floor(Math.random() * arr.length)]; } function setGreeting() { const hour = new Date().getHours(); let list; if (hour >=5 && houri.title=='早上好'); else if (hour>=11 && houri.title=='中午好'); else if (hour>=14 && houri.title=='下午好'); else if (hour>=18 && houri.title=='晚上好'); else list = greetTexts.filter(i=>i.title=='夜深了'); const res = getRandomItem(list); document.getElementById('greet-title').innerText = res.title; document.getElementById('greet-desc').innerText = res.desc; document.getElementById('random-icon').innerText = getRandomItem(icons); } window.onload = setGreeting;