冬天的雨 发表于 2022-8-5 21:20

你是我心里的宝TO：小辣椒

<style>
#papa { left: -20px; width: 800px; height: 1078px; top: 150px;display: flex; justify-content: center; background: #000 url('https://pic.imgdb.cn/item/62ed15428c61dc3b8e5f07b7.jpg') no-repeat center/cover; perspective: 2000px; box-shadow: 4px 4px 24px #000; font-size: 18px; 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: 20px; width: 400px; height: 100px; top: 860px;transform: translateZ(20px); }
#bcll { position: absolute; left: 240px; width: 388px; height: 287px; top: 120px;transform: translateZ(20px); }
#btnPlay { position: absolute; left: 60px; bottom: 470px; outline: none; cursor: pointer; }
#yyMsg { position: absolute; left: 150px; bottom: 470px; color:Silver; }
</style>
<div id="papa">
      <h2> </h2>
      <div id="wrapper"><img id="ball" src="https://pic.imgdb.cn/item/622d9b375baa1a80ab31d99f.gif" alt="" /></div>
      <div id="wrapper"><img id="bcll" src="https://pic.imgdb.cn/item/62ed15688c61dc3b8e5fa35f.gif" alt="" /></div>

      <input id="btnPlay" type="button" value="音乐关" />
      <span id="yyMsg">帖赠： 小辣椒</span>
</div>
<script>
let aud = new Audio();
aud.src = 'http://wx.ttt.dj/data/nfs/mp3/audio.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>

冬天的雨 发表于 2022-8-5 21:21

@小辣椒

代码套用一个看看对不对

冬天的雨 发表于 2022-8-5 21:22

@马黑黑

谢谢马老师的教程

马黑黑 发表于 2022-8-5 21:25

音乐链接貌似我这里不能正常打开，单独打开它是可以，音质不错。

帖子很美。欣赏。

冬天的雨 发表于 2022-8-5 21:28

马黑黑 发表于 2022-8-5 21:25
音乐链接貌似我这里不能正常打开，单独打开它是可以，音质不错。

帖子很美。欣赏。

谢谢马老师，音乐没有地方上传，这个链接我可以听到的，这个链接以前也是会有这个问题，稍等，我找小辣椒去

小辣椒 发表于 2022-8-5 21:29

谢谢冬雨，好美的感觉

马黑黑 发表于 2022-8-5 21:29

冬天的雨 发表于 2022-8-5 21:28
谢谢马老师，音乐没有地方上传，这个链接我可以听到的，这个链接以前也是会有这个问题，稍等，我找小辣椒 ...

有事找小辣椒{:4_173:}

小辣椒 发表于 2022-8-5 21:31

冬天的雨 发表于 2022-8-5 21:28
谢谢马老师，音乐没有地方上传，这个链接我可以听到的，这个链接以前也是会有这个问题，稍等，我找小辣椒 ...

这个链接啊，有时候不能外链

冬天的雨 发表于 2022-8-5 21:31

小辣椒 发表于 2022-8-5 21:31
这个链接啊，有时候不能外链

去帮忙上传一下

风中飞尘 发表于 2022-8-5 21:37

不错啊，，音乐好听，，，，正常，，

小辣椒 发表于 2022-8-5 21:39

冬天的雨 发表于 2022-8-5 21:31
去帮忙上传一下

重新上传了

小辣椒 发表于 2022-8-5 21:39

风中飞尘 发表于 2022-8-5 21:37
不错啊，，音乐好听，，，，正常，，

谢谢小风，我重新上传你那里了

小辣椒 发表于 2022-8-5 21:39

马黑黑 发表于 2022-8-5 21:25
音乐链接貌似我这里不能正常打开，单独打开它是可以，音质不错。

帖子很美。欣赏。

黑黑，现在重新上传了

红影 发表于 2022-8-5 21:40

很好听。好甜蜜的帖子，冬小雨应该七夕节发{:4_173:}

冬天的雨 发表于 2022-8-5 21:41

小辣椒 发表于 2022-8-5 21:39
重新上传了

听到了，谢谢小辣椒{:4_197:}{:4_185:}

冬天的雨 发表于 2022-8-5 21:43

红影 发表于 2022-8-5 21:40
很好听。好甜蜜的帖子，冬小雨应该七夕节发

今天算补昨天的{:4_170:}

小辣椒 发表于 2022-8-5 21:51

冬天的雨 发表于 2022-8-5 21:43
今天算补昨天的

不算的，今天就是今天{:4_173:}

马黑黑 发表于 2022-8-5 21:54

小辣椒 发表于 2022-8-5 21:39
黑黑，现在重新上传了

现在马上听到了。好听。

马黑黑 发表于 2022-8-5 21:55

冬天的雨 发表于 2022-8-5 21:28
谢谢马老师，音乐没有地方上传，这个链接我可以听到的，这个链接以前也是会有这个问题，稍等，我找小辣椒 ...

有了缓存，自己是可以听到的

小辣椒 发表于 2022-8-5 21:56

马黑黑 发表于 2022-8-5 21:54
现在马上听到了。好听。

现在高音质的音乐都要自己上传的
页: [1] 2
查看完整版本: 你是我心里的宝TO：小辣椒