加林森 发表于 2022-3-22 16:46
就是就是
忽然觉得上班的人也少了很多，连食堂都分时段就餐了，这疫情弄得挺吓人。
本帖最后由 加林森 于 2022-6-19 16:12 编辑 <br /><br />红影 发表于 2022-3-22 19:05
忽然觉得上班的人也少了很多，连食堂都分时段就餐了，这疫情弄得挺吓人。
我们这里都是低风险地区。你们那里不知道怎么了，还没有控制到吗？
<style>
.outer { left: -214px; width: 1024px; height: 640px; background: linear-gradient(to right top,black,#eee); position: relative; }
.outer h2 { position: absolute; margin: 20px; font: bold 1.5em sans-serif;color: #ccc; text-shadow: 1px 1px 2px #000; }
.picbox { position: absolute; width: 1024px; height: 640px; animation: fadein 2s; }
.mama { left: 20px; bottom: 40px; width: fit-content; height: fit-content; position: absolute; cursor: pointer; border-radius: 0 100%; background: linear-gradient(transparent,green); }
.wrap { width: 90px; height: 60px; box-reflect: below 0 linear-gradient(rgba(0,0,0,.01),#000); -webkit-box-reflect: below 0 linear-gradient(rgba(0,0,0,.01),#000); position: relative; }
.mama meter { width: 90px; position: relative; }
.wrap span { width: 6px; height: 60px; bottom: -8px; display: inline-block; position: absolute; }
.wrap span::before { position: absolute; content: ''; width: inherit; height: 3px; background: #eee; top: -3px; animation: up 1s ease-in infinite; }
@keyframes up { from { top: -6px; } to { top: -16px; } }
@keyframes fadein { from { opacity: .1; } to {opacity: 1; } }
@keyframes fadeout { from { opacity: 1; } to {opacity: .4; } }
</style>
<div class="outer">
<h2>乔瓦尼 - 云彩之外</h2>
<img class="picbox" src="https://s1.ax1x.com/2022/06/19/XXo7b8.jpg" alt="" />
<div class="mama">
<div class="wrap"></div>
<meter id="meter" value="0" min="0" max="100" low="33" high="66" optimum="70"></meter>
</div>
<div class="lrcbox">Loading ...</div>
</div>
<audio id="aud" src="http://www.kumeiwp.com/sub/filestores/2022/06/18/c5f20b1544312d255428602d376c8605.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let mama = document.querySelector('.mama'),
picbox = document.querySelector('.picbox'),
wrap = document.querySelector('.wrap'),
lrcbox = document.querySelector('.lrcbox'),
aud = document.querySelector('#aud'),
meter = document.querySelector('#meter');
let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min,
prog = (tt, cc) => 100 * cc / tt;
let idx = 0, flag = true, slip= 1;
let picAr = [
'https://pic.imgdb.cn/item/62ae9398094754312901dc52.jpg',
'https://pic.imgdb.cn/item/62ae91570947543129ff6e25.jpg',
'https://pic.imgdb.cn/item/62ae90260947543129fde36e.jpg ',
'https://pic.imgdb.cn/item/62ae8c360947543129f995f1.jpg',
'https://pic.imgdb.cn/item/62a487090947543129e21464.jpg',
'https://pic.imgdb.cn/item/62a2e3340947543129ecfcaa.jpg',
'https://pic.imgdb.cn/item/62a2b55c0947543129b12599.jpg',
'https://pic.imgdb.cn/item/62a15b9a0947543129223c3d.jpg',
'https://pic.imgdb.cn/item/62a1b7d40947543129a2100c.jpg',
'https://pic.imgdb.cn/item/629c7c2a0947543129d951e2.jpg'
];
Array.from({length: 10}).forEach((ele,key) => {
ele = document.createElement('span');
ele.className = 'sskey';
ele.style.left = key * 6 + key * 3 + 'px';
ele.style.height = num(10,60) + 'px';
ele.style.backgroundColor = `rgba(${num(0,255)},${num(0,255)},${num(0,255)},.95)`;
wrap.appendChild(ele);
})
let sskey = document.querySelectorAll('.sskey');
mama.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate', () => {
Array.from(sskey).forEach((ele) => {
ele.style.height = num(10, 60) + 'px';
})
meter.value = prog(aud.duration, aud.currentTime);
});
let timer = setInterval(() => {
picbox.style.animation = '';
idx ++;
if(idx >= picAr.length) idx = 0;
picbox.src = newPic;
flag ? (picbox.style.animation = 'fadeout 2s', flag = false) : (picbox.style.animation = 'fadein 2s', flag = true);
}, 5000);
</script>
加林森 发表于 2022-3-22 19:08
我们这里都是低风险地区。你们那里不知道怎么了，还没有控制到吗？
我们这里人数不多的，不知道为什么感觉挺紧张。
红影 发表于 2022-3-22 20:57
我们这里人数不多的，不知道为什么感觉挺紧张。
都是一天一报搞的吧。
加林森 发表于 2022-3-22 21:13
都是一天一报搞的吧。
这几天看新闻，这里的阳性不多的，就是无症状太多了点。
红影 发表于 2022-3-22 22:11
这几天看新闻，这里的阳性不多的，就是无症状太多了点。
无症状就是太可怕了的
加林森 发表于 2022-3-22 22:13
无症状就是太可怕了的
现在已经筛查出来了啊，不知道为什么还是那么紧张的感觉。
红影 发表于 2022-3-22 22:23
现在已经筛查出来了啊，不知道为什么还是那么紧张的感觉。
每天都在说，每时都在报能不紧张吗?
加林森 发表于 2022-3-22 22:25
每天都在说，每时都在报能不紧张吗?
主要是那些氛围，比如进单位大门要查核酸报告，吃饭分时之类的。
红影 发表于 2022-3-22 22:31
主要是那些氛围，比如进单位大门要查核酸报告，吃饭分时之类的。
自己在家吃谁也管不着的。
加林森 发表于 2022-3-22 23:14
自己在家吃谁也管不着的。
午饭没法回家啊，只能单位吃的。
红影 发表于 2022-3-23 18:20
午饭没法回家啊，只能单位吃的。
嗯嗯