《美好清晨》（纯音乐） TO：樵歌
<style tpye="text/css">#xq { position: relative; left:-204px;top:120px; width: 1000px; height: 600px; background:#333 url('https://pic.imgdb.cn/item/623043ca5baa1a80ab5114c2.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px;}
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
margin: auto;
width: 360px;
text-align: center;
font-size: 2rem;
font-weight: bold;
color: #f8c9cd;
transform-origin: top;
animation: yao 0.8s linear infinite alternate;
}
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
.picBtn {
width: 80px;
height: 120px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-03/12/19/20220312194526771-5087368.gif') no-repeat;
cursor: pointer;
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:120px; top: 40px; ">美好清晨（纯音乐）</div>
<div style="position: absolute; left:120px; top: 150px; width:400px;text-align:center;">
<img alt="" src="http://image.hnol.net/c/2021-01/10/10/202101101019478794-5088534.gif"/>
<div style="position:absolute; width:160px; left:560px; top: 60px; text-align:center;">
<center >
<p ><font color="#FFB6C1" size="3" >
<div style="color:#FFB6C1;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 1px #000000;">
<marqueescrollamount="5" direction="left" >美好清晨是自西班牙才华横溢的音乐家Daveed在十二岁时开始了他的音乐之旅，据悉，在他的童年，Daveed与他的家人到过世界很多不同地区旅行，曾接触许多异域文化，为他的音乐创作奠定了丰富的基础。 </marquee>
<p><audio id="music" style="width:600px; height:64px;"controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1813029599&auto=1&height.mp3" type="audio/mpeg" hidden="true"></audio>
<br></p>
<p><audio id="music" style="width:600px; height:64px;"controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1813029599&auto=1&height.mp3" type="audio/mpeg" hidden="true"></audio>
<br></p>
<div style="position:absolute; width:120px; left:110px; top: 250px; text-align:center;">
<button id="picBtn" class="picBtn"></button>
</div>
</div>
</div>
</div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-03/12/19/20220312194526771-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-03/12/19/202203121947494281-5087368.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-03/12/19/202203121947494281-5087368.gif')";
})
</script></div>
<br><br><br><br><br><br><br><br> @樵歌 队长加点br？看不到评分框呢{:4_173:} 队长最近3个播放器按钮都很奇怪，点暂停就会多出来一个图标。 这个摇摆自的制作很漂亮。樵歌收礼开心{:4_187:} 红影 发表于 2022-3-15 19:23
队长加点br？看不到评分框呢
现在出来了。累人啊。{:4_189:} 红影 发表于 2022-3-15 19:24
队长最近3个播放器按钮都很奇怪，点暂停就会多出来一个图标。
就是有点奇怪呢。{:5_113:} 红影 发表于 2022-3-15 19:25
这个摇摆自的制作很漂亮。樵歌收礼开心
谢谢红影支持！{:4_187:} 加林森 发表于 2022-3-15 19:41
就是有点奇怪呢。
不知道是哪里出问题了。 加林森 发表于 2022-3-15 19:43
谢谢红影支持！
不客气啊，队长很漂亮的制作呢{:4_187:} 红影 发表于 2022-3-15 22:09
不客气啊，队长很漂亮的制作呢
这次我自己也感到很漂亮的。 红影 发表于 2022-3-15 22:09
不知道是哪里出问题了。
这个只有等小辣椒来帮着看看了。 加林森 发表于 2022-3-15 22:18
这次我自己也感到很漂亮的。
是啊，基本很完美了，除了按钮有点问题。 加林森 发表于 2022-3-15 22:18
这个只有等小辣椒来帮着看看了。
嗯嗯，等她上来。 红影 发表于 2022-3-16 12:05
嗯嗯，等她上来。
我准备自己修改了，昨天我已经修改好了一个。就是那个《可梦》的帖，今天准备接到修改。 红影 发表于 2022-3-16 12:05
是啊，基本很完美了，除了按钮有点问题。
正准备自己动手修改。 加林森 发表于 2022-3-16 12:11
我准备自己修改了，昨天我已经修改好了一个。就是那个《可梦》的帖，今天准备接到修改。
嗯嗯，自己修改最好了，下回就不会出同样的问题。 红影 发表于 2022-3-16 13:27
嗯嗯，自己修改最好了，下回就不会出同样的问题。
就是这个道理的。 红影 发表于 2022-3-16 13:27
嗯嗯，自己修改最好了，下回就不会出同样的问题。
我终于发现问题在哪里了，就是宽度没有对，现在全部都对了。 加林森 发表于 2022-3-16 13:35
就是这个道理的。
学习的过程就这样，不断发现问题，解决问题。
页:
[1]
2