小辣椒 发表于 2022-8-3 21:09

流星我问你(同做岁月粒子效果)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>

小辣椒 发表于 2022-8-3 21:41

不知道为什么,今天链接复制不了

https://www.huachaowang.com/forum.php?mod=viewthread&tid=61084&extra=page%3D1

小辣椒 发表于 2022-8-3 21:12

@马黑黑

谢谢黑黑这个简洁漂亮的单曲播放器,非常的喜欢,一直就想有一个这种类型的播放器,终于如愿以偿

代码我整理了一下,你再看看有没有多余的。。。。

马黑黑 发表于 2022-8-3 21:14

恭贺岁月

小辣椒 发表于 2022-8-3 21:17

@走过岁月

一直喜欢岁月的粒子效果,黑黑说真佩服小辣椒对粒子的痴迷,说实话,我是自己不会做粒子,已经自己捣鼓了很久的AE软件,就是不行,好在岁月好脾气,一直不会说我,感谢岁月都小辣椒的包容。。。。我会一直玩的{:4_189:}

小辣椒 发表于 2022-8-3 21:19

其实从18年开始,岁月做一个H5播放器,我就做一个,基本不发论坛,自己仓库放着{:4_173:}、现在我会做了发论坛了。。。。。岁月应该明白这个原因吧{:4_189:}

小辣椒 发表于 2022-8-3 21:23

感谢两位大咖,小辣椒非常佩服的两位老师,黑黑的播放器我会一直学习下去,岁月的粒子我不会放弃,一直玩下去。。。。感谢岁月这么多年的关照,小辣椒的良师益友{:4_179:}

小辣椒 发表于 2022-8-3 21:24

马黑黑 发表于 2022-8-3 21:14
恭贺岁月

哈哈~~黑黑,我一直在回帖,才发现你早回了{:4_187:}

走过岁月 发表于 2022-8-3 21:41

小辣椒 发表于 2022-8-3 21:17
@走过岁月

一直喜欢岁月的粒子效果,黑黑说真佩服小辣椒对粒子的痴迷,说实话,我是自己不会做粒子,已 ...

来了,小辣椒已经很不错了

走过岁月 发表于 2022-8-3 21:41

小辣椒 发表于 2022-8-3 21:19
其实从18年开始,岁月做一个H5播放器,我就做一个,基本不发论坛,自己仓库放着、现在我会做了发 ...

走过岁月 发表于 2022-8-3 21:42

小辣椒 发表于 2022-8-3 21:23
感谢两位大咖,小辣椒非常佩服的两位老师,黑黑的播放器我会一直学习下去,岁月的粒子我不会放弃,一直玩下 ...

不客气小辣椒 {:4_179:}

小辣椒 发表于 2022-8-3 21:42

走过岁月 发表于 2022-8-3 21:41
来了,小辣椒已经很不错了

嗯,多夸奖{:4_170:}

小辣椒 发表于 2022-8-3 21:43

走过岁月 发表于 2022-8-3 21:41


原来你知道的啊{:4_189:}

走过岁月 发表于 2022-8-3 21:44

很漂亮,加的元素很赞

小辣椒 发表于 2022-8-3 21:44

走过岁月 发表于 2022-8-3 21:42
不客气小辣椒

好啊,以后就不客气了{:4_170:}

小辣椒 发表于 2022-8-3 21:45

走过岁月 发表于 2022-8-3 21:44
很漂亮,加的元素很赞

就喜欢捣瞎鼓

走过岁月 发表于 2022-8-3 21:48

每个帖小辣椒都设计得这么恰当,赞

小辣椒 发表于 2022-8-3 21:49

走过岁月 发表于 2022-8-3 21:48
每个帖小辣椒都设计得这么恰当,赞

这个可能是喜欢吧,就会动脑子想效果怎么加进去

走过岁月 发表于 2022-8-3 21:50

小辣椒 发表于 2022-8-3 21:42
嗯,多夸奖

{:5_160:}

红影 发表于 2022-8-3 21:50

这个很大气,在浩瀚的星空下,红旗高高漂亮,很霸气。亲爱的把这个粒子用得特别好{:4_199:}
页: [1] 2 3
查看完整版本: 流星我问你(同做岁月粒子效果)TO:黑黑&岁月