梦缠绵（庄心妍&冷漠） TO：队长

小辣椒 · 发表于 2022-3-5 14:26

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

送上情歌王子的一首梦缠绵感谢队长的辛勤管理水区还是劝队长别太迟休息多保重身体

小辣椒 · 发表于 2022-3-5 14:30

队长说要玩这个小猫播放器其实这个是小辣椒按黑黑的教程把图片按钮换了这个小猫猫队长也是可以自己换一个图片玩玩

小辣椒 · 发表于 2022-3-5 14:31

<style type="text/css">
.picBtn {
width: 100px;
height: 100px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif ') no-repeat;
cursor: pointer;
</style>
<div style="position: relative; left:-420px; width:1400px; top: 150px;text-align:center;">
<img alt="" src="https://pic.imgdb.cn/item/622300ef5baa1a80ab3c5dbb.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #1458bd;" />
<div style="position:absolute; width:400px; left:220px; top: 450px; text-align:center;">
<center >
<p ><font color="#05539a" size="4" >
<marquee scrollamount="4" direction="left" >送上情歌王子的一首梦缠绵感谢队长的辛勤管理水区还是劝队长别太迟休息多保重身体 </marquee>
<div style="position:absolute; width:400px; left:-120px; top: 30px; text-align:center;">
<p><audio id="music" src="https://s1.ananas.chaoxing.com/audio/ba/3d/cf/a4aa7960c0b68f137609955cd90c8d4d/audio.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<button id="picBtn" class="picBtn"></button>
</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-02/23/01/2022022301050291-5087368.gif ')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif ')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/202202230106029651-5087368.gif ')";
})
</script> </div>
<br><br><br><br><br><br><br><br><br><br>