{:4_208:}
本帖最后由 加林森 于 2022-5-29 11:04 编辑 <br /><br />马黑黑 发表于 2022-2-24 21:21
老黑就好！
<style>
.wrap {
display: flex;
align-items: flex-end;
left: 20px;
top: 20px;
width: 60px;
height: 60px;
-webkit-box-reflect: right;
cursor: pointer;
position: relative;
}
.wrap span {
width: 6px;
height: 20px;
background-color: rgba(255,0,0,.6);
display: inline-block;
}
</style>
<style>
.outer {
left: -214px;
width: 1024px;
height: 640px;
background: #ccc url('https://pic.imgdb.cn/item/6292de5b0947543129b63327.jpg') no-repeat;
cursor: pointer;
position: relative;
}
<div class="wrap">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1940059510.mp3" autoplay="autoplay" loop="loop"></audio>
</div>
<script>
let wrap = document.querySelector('.wrap'), aud = document.querySelector('#aud');
let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min;
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');
wrap.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate', () => {
Array.from(sskey).forEach((ele) => {
ele.style.height = num(20, 60) + 'px';
});
});
</script>
加林森 发表于 2022-2-24 22:06
老黑就好！
{:5_108:}
马黑黑 发表于 2022-2-24 22:06
{:4_191:}
加林森 发表于 2022-2-24 20:57
也不是这样说的，都不一样玩法当然就不一样了。
有道理~~{:4_189:}
杨柳青 发表于 2022-2-24 23:09
有道理~~
我不懂视频的玩法啊。
加林森 发表于 2022-2-24 23:13
我不懂视频的玩法啊。
很方便的~~问题是要在电脑前点鼠标~~{:5_117:}
杨柳青 发表于 2022-2-24 23:21
很方便的~~问题是要在电脑前点鼠标~~
改天你教教我。
继续欣赏经典，队长晚上好 {:4_204:}{:4_179:}
大猫咪 发表于 2022-2-25 19:54
继续欣赏经典，队长晚上好
猫猫晚上好。{:4_179:}
加林森 发表于 2022-2-25 21:31
猫猫晚上好。
队长晚上好{:4_189:}真学习做帖{:4_170:}
大猫咪 发表于 2022-2-25 21:32
队长晚上好真学习做帖
好的好的。
加林森 发表于 2022-2-25 21:34
好的好的。
队长今天头学习大了，明天继续 {:4_170:}
大猫咪 发表于 2022-2-25 22:20
队长今天头学习大了，明天继续
我吃发了一首蒙古歌曲。
加林森 发表于 2022-2-25 22:21
我吃发了一首蒙古歌曲。
看到了 真棒{:4_187:}
大猫咪 发表于 2022-2-25 22:22
看到了 真棒
嗯嗯
加林森 发表于 2022-2-25 08:04
改天你教教我。
没问题哈~~不过据说手机上的软件更方便~~不用点鼠标~~只要动一个手指头~~{:4_173:}