是吧，一定很孝顺
是的。
<style>
.outer { position: relative; width: 571px; height: 382px; cursor: pointer; background: #ccc linear-gradient(rgba(100,26,210,.75),rgba(25,175,100,.65)); }
.mama { position: absolute; left: 20px; top: 20px; width: fit-content; height: fit-content; cursor: pointer; }
.wrap { width: 96px; height: 80px; -webkit-box-reflect: below 0 linear-gradient(transparent,rgba(0,0,0,.15)); display: flex; align-items: flex-end; gap: 4px; }
.wrap span { width: 6px; height: 60px; background-color: rgba(255,0,0,.6); display: block; position: relative; }
.wrap span::before { position: absolute; content: ''; width: inherit; height: 3px; background: #eee; top: -3px; animation: up 1s ease-in infinite; }
.mama meter { width: 96px; position: absolute; bottom: -4px;}
@keyframes up { from { top: -3px;} to { top: -16px; } }
</style>
<div class="outer">
<img src="https://pic.imgdb.cn/item/62e35f1df54cd3f937d26ad4.gif">
<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>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=186661.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let mama = document.querySelector('.mama'), wrap = document.querySelector('.wrap'), 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;
Array.from({length: 10}).forEach((ele) => {
ele = document.createElement('span');
ele.className = 'sskey';
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);
})
</script>
加林森 发表于 2022-6-4 11:37
是的。
挺不错的菇凉，歌也唱的好 马黑黑 发表于 2022-6-4 11:37
挺不错的菇凉，歌也唱的好
就是，这样的姑娘很少了。 加林森 发表于 2022-6-4 11:46
就是，这样的姑娘很少了。
对，不太多 马黑黑 发表于 2022-6-4 12:15
对，不太多
是的，特别在这个圈子里感觉不容易的。 加林森 发表于 2022-6-4 12:17
是的，特别在这个圈子里感觉不容易的。
嗯，但我不是圈子里的人，我不太清楚 马黑黑 发表于 2022-6-4 13:04
嗯，但我不是圈子里的人，我不太清楚
嗯嗯，我也不是的。
页:
1
[2]