【中伏消暑】第十六天 【羽】 我想有个家TO：千羽
<style>#papa { left:-340px; width: 1280px; height: 896px; top: 150px;display: flex; justify-content: center; background: #000 url('https://wx.ttt.dj/data/nfs/img/3IF.gif') no-repeat center/cover; perspective: 2000px; box-shadow: 4px 4px 24px #000; font-size: 16px; position: relative; }
#papa h2 { position: absolute; margin-top: 220px; font: bold 20px / 30px sans-serif; color: #fff; text-shadow: 1px 1px 1px #222; }
#wrapper { position: absolute; left: 40%;top: 220px; width: 300px; height: 300px; transform-style: preserve-3d; transform: rotateX(-15deg) rotateY(-20deg); animation: rot1 4s linear forwards; }
#ball { position: absolute; left: 500px; top: 350px; width: 174px; height: 296px;transform: translateZ(20px);}
#btnPlay { position: absolute; left: 40px; bottom: 40px; outline: none; cursor: pointer; }
#yyMsg { position: absolute; left: 110px; bottom: 40px; color:#fff; }
#btnBegin { position: absolute; bottom: 40px; outline: none; cursor: pointer; }
#mkMsg { position: absolute; left: 300px; bottom: 40px; }
</style>
<div id="papa">
<h2>帖赠：千羽</h2>
<div id="wrapper"><img id="ball" src="https://pic.rmb.bdstatic.com/bjh/d3fd8b26a0e55125df4814508caae843.gif" alt="" /></div>
<input id="btnPlay" type="button" value="音乐停" />
<span id="yyMsg">【背景音乐：红尘缘(笛子&箫)一起走过的日子】</span>
<span id="mkMsg"></span>
</div>
<script>
let aud = new Audio();
aud.src = 'https://wx.ttt.dj/data/nfs/mp3/yqzgdrz.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>
我想有个家TO：千羽 @千羽
么么哒 送礼还完成作业{:4_170:} 哇塞，千羽得了一套千亿豪宅{:4_178:} 马黑黑 发表于 2022-8-11 12:47
哇塞，千羽得了一套千亿豪宅
{:4_173:}黑黑这个房子我最想要的，可惜没钱 小辣椒 发表于 2022-8-11 12:49
黑黑这个房子我最想要的，可惜没钱
没钱就送给千羽吧，羽羽钱钱有的是（听说没地方放了） 马黑黑 发表于 2022-8-11 12:50
没钱就送给千羽吧，羽羽钱钱有的是（听说没地方放了）
黑黑，我发现这个背景音乐后面的文字没有了{:4_201:} 小辣椒 发表于 2022-8-11 12:54
黑黑，我发现这个背景音乐后面的文字没有了
有钱就行，文字无所谓的{:4_170:} 小辣椒 发表于 2022-8-11 12:54
黑黑，我发现这个背景音乐后面的文字没有了
帖子代码末尾，多了一个 </script>，它不出大错就算好了：
</script>
</script>
删掉一个留一个，一个不留问题更大 马黑黑 发表于 2022-8-11 12:59
帖子代码末尾，多了一个 ，它不出大错就算好了：
好像删了也是没有用 小辣椒 发表于 2022-8-11 13:03
好像删了也是没有用
嗯，看了CSS，也有错误：
#yyMsg { position: absolute; left: 120px; bottom: 30px; color:fff; }
改为：
#yyMsg { position: absolute; left: 120px; bottom: 30px; color: #fff; } 十六进制的颜色表达必须有 # 号：
color: #000123; 马黑黑 发表于 2022-8-11 13:07
十六进制的颜色表达必须有 # 号：
color: #000123;
重新做了一次 哦，这个颜色代码要加#
但我电脑预览是好的啊 马黑黑 发表于 2022-8-11 13:07
嗯，看了CSS，也有错误：
#yyMsg { position: absolute; left: 120px; bottom: 30px; color:fff; }
这个以后要记住，你那种颜色代码我记不住，这种我一般就可以直接修改 发现这个播放器是我最喜欢的，晚上再去认真完善一下，黑黑我准备下了，咪一下去 马黑黑 发表于 2022-8-11 13:07
十六进制的颜色表达必须有 # 号：
color: #000123;
谢谢黑黑指导，我下了 厉害了，好漂亮的别墅啊！千羽赚到了！ 亲爱的聪明，送礼给千羽，顺便直接完成作业。羽儿的名字真好，正好是消暑字里有的{:4_173:} 里面加了那么动图元素，真是太美了{:4_199:}