梦缠绵(庄心妍&冷漠) TO:队长
<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" >
<marqueescrollamount="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> 队长说要玩这个小猫播放器 其实这个是小辣椒按黑黑的教程把图片按钮换了这个小猫猫 队长也是可以自己换一个图片玩玩 <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" >
<marqueescrollamount="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>
因为我空间在升级要几天后才可以上传,队长这个图图做简单一点了,本来想做个漂亮的图图送队长。不好意思了,感谢队长的辛苦付出,源码贴出来了,不好意思又瞎捣鼓了黑黑的源码。
@加林森 @马黑黑
匆匆忙忙做了这个帖,队长可以玩,我马上出去了,晚上见 小辣椒 发表于 2022-3-5 14:30
队长说要玩这个小猫播放器 其实这个是小辣椒按黑黑的教程把图片按钮换了这个小猫猫 队长也是可以自己换一个 ...
好的,我得好好研究一下才行了。谢谢小辣椒。{:4_187:}{:4_190:} 小辣椒 发表于 2022-3-5 14:36
匆匆忙忙做了这个帖,队长可以玩,我马上出去了,晚上见
好的,晚上见。{:4_187:} 小辣椒 发表于 2022-3-5 14:35
因为我空间在升级要几天后才可以上传,队长这个图图做简单一点了,本来想做个漂亮的图图送队长。不好意思了 ...
来了来了。怎么不让评分啊?有点晕。 一抹淡蓝,真漂亮{:4_204:}队长收礼开心 真奇怪,你这里有音乐。我制作的就没有音乐了呢?继续晕会。{:4_203:} 亲爱的好漂亮的颜色搭配,好帖。队长收礼开心{:4_187:} 加林森 发表于 2022-3-5 17:01
好的,我得好好研究一下才行了。谢谢小辣椒。
队长晚上好{:4_187:} 绿叶清舟 发表于 2022-3-5 17:19
一抹淡蓝,真漂亮队长收礼开心
清舟晚上好{:4_187:} 加林森 发表于 2022-3-5 17:20
真奇怪,你这里有音乐。我制作的就没有音乐了呢?继续晕会。
怎么回事情?{:4_203:} 红影 发表于 2022-3-5 19:53
亲爱的好漂亮的颜色搭配,好帖。队长收礼开心
亲爱的,这个其实就是黑黑分享的图片链接做的按钮,最简单的那种 小辣椒 发表于 2022-3-5 20:32
怎么回事情?
现在我的也有音乐了。已经解决了。 小辣椒 发表于 2022-3-5 20:31
队长晚上好
小辣椒晚上好!{:4_204:}{:4_190:} 加林森 发表于 2022-3-5 20:37
小辣椒晚上好!
刚才看了,队长套用代码很成功{:4_187:} 小辣椒 发表于 2022-3-5 20:41
刚才看了,队长套用代码很成功
是的,就是fws没有成功,可惜了。 加林森 发表于 2022-3-5 20:47
是的,就是fws没有成功,可惜了。
???你css里面加了什么swf?