流星我问你(同做岁月粒子效果)TO:黑黑&岁月
<style>#papa { left: -370px; width: 1340px; height: 664px; top: 150px;display: flex; justify-content: center; background: #000 url('https://wx.ttt.dj/updir/62dad3d0bd739.gif') no-repeat center/cover; perspective: 2000px; box-shadow: 4px 4px 24px #000; font-size: 20px; position: relative; }
#papa h2 { position: absolute; margin-top: 40px; font: bold 30px / 30px sans-serif; color: #1160a4; text-shadow: 1px 2px 2px #ccc; }
#ball { position: absolute; left: 550px; width: 161px; height: 110px; top: 160px;transform: translateZ(20px); }
#btnPlay { position: absolute; left: 140px; bottom: 70px; outline: none; cursor: pointer; }
#yyMsg { position: absolute; left: 1120px; bottom: 35px; color:Silver; }
</style>
<div id="papa">
<h2>科技强国,筑梦未来 </h2>
<div id="wrapper"><img id="ball" src="https://wx.ttt.dj/data/nfs/img/hq.gif" alt="" /></div>
<input id="btnPlay" type="button" value="音乐关" />
<span id="yyMsg">帖赠: 岁月&黑黑</span>
</div>
<script>
let aud = new Audio();
aud.src = 'https://wx.ttt.dj/updir/62dad3a1cabf4.mp3';
aud.loop = true;
aud.autoplay = true;
btnPlay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnPlay.value = '音乐关');
aud.addEventListener('pause', () => btnPlay.value = '音乐开');
</script>
<br><br><br><br><br><br><br><br><br><br>
不知道为什么,今天链接复制不了
https://www.huachaowang.com/forum.php?mod=viewthread&tid=61084&extra=page%3D1 @马黑黑
谢谢黑黑这个简洁漂亮的单曲播放器,非常的喜欢,一直就想有一个这种类型的播放器,终于如愿以偿
代码我整理了一下,你再看看有没有多余的。。。。
恭贺岁月 @走过岁月
一直喜欢岁月的粒子效果,黑黑说真佩服小辣椒对粒子的痴迷,说实话,我是自己不会做粒子,已经自己捣鼓了很久的AE软件,就是不行,好在岁月好脾气,一直不会说我,感谢岁月都小辣椒的包容。。。。我会一直玩的{:4_189:}
其实从18年开始,岁月做一个H5播放器,我就做一个,基本不发论坛,自己仓库放着{:4_173:}、现在我会做了发论坛了。。。。。岁月应该明白这个原因吧{:4_189:}
感谢两位大咖,小辣椒非常佩服的两位老师,黑黑的播放器我会一直学习下去,岁月的粒子我不会放弃,一直玩下去。。。。感谢岁月这么多年的关照,小辣椒的良师益友{:4_179:} 马黑黑 发表于 2022-8-3 21:14
恭贺岁月
哈哈~~黑黑,我一直在回帖,才发现你早回了{:4_187:} 小辣椒 发表于 2022-8-3 21:17
@走过岁月
一直喜欢岁月的粒子效果,黑黑说真佩服小辣椒对粒子的痴迷,说实话,我是自己不会做粒子,已 ...
来了,小辣椒已经很不错了 小辣椒 发表于 2022-8-3 21:19
其实从18年开始,岁月做一个H5播放器,我就做一个,基本不发论坛,自己仓库放着、现在我会做了发 ...
嗯 小辣椒 发表于 2022-8-3 21:23
感谢两位大咖,小辣椒非常佩服的两位老师,黑黑的播放器我会一直学习下去,岁月的粒子我不会放弃,一直玩下 ...
不客气小辣椒 {:4_179:} 走过岁月 发表于 2022-8-3 21:41
来了,小辣椒已经很不错了
嗯,多夸奖{:4_170:} 走过岁月 发表于 2022-8-3 21:41
嗯
原来你知道的啊{:4_189:} 很漂亮,加的元素很赞 走过岁月 发表于 2022-8-3 21:42
不客气小辣椒
好啊,以后就不客气了{:4_170:} 走过岁月 发表于 2022-8-3 21:44
很漂亮,加的元素很赞
就喜欢捣瞎鼓 每个帖小辣椒都设计得这么恰当,赞 走过岁月 发表于 2022-8-3 21:48
每个帖小辣椒都设计得这么恰当,赞
这个可能是喜欢吧,就会动脑子想效果怎么加进去 小辣椒 发表于 2022-8-3 21:42
嗯,多夸奖
{:5_160:} 这个很大气,在浩瀚的星空下,红旗高高漂亮,很霸气。亲爱的把这个粒子用得特别好{:4_199:}