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

梦缠绵(庄心妍&冷漠) 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>

小辣椒 发表于 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" >

               <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:35

因为我空间在升级要几天后才可以上传,队长这个图图做简单一点了,本来想做个漂亮的图图送队长。不好意思了,感谢队长的辛苦付出,源码贴出来了,不好意思又瞎捣鼓了黑黑的源码。
@加林森 @马黑黑

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

匆匆忙忙做了这个帖,队长可以玩,我马上出去了,晚上见

加林森 发表于 2022-3-5 17:01

小辣椒 发表于 2022-3-5 14:30
队长说要玩这个小猫播放器 其实这个是小辣椒按黑黑的教程把图片按钮换了这个小猫猫 队长也是可以自己换一个 ...

好的,我得好好研究一下才行了。谢谢小辣椒。{:4_187:}{:4_190:}

加林森 发表于 2022-3-5 17:01

小辣椒 发表于 2022-3-5 14:36
匆匆忙忙做了这个帖,队长可以玩,我马上出去了,晚上见

好的,晚上见。{:4_187:}

加林森 发表于 2022-3-5 17:02

小辣椒 发表于 2022-3-5 14:35
因为我空间在升级要几天后才可以上传,队长这个图图做简单一点了,本来想做个漂亮的图图送队长。不好意思了 ...

来了来了。怎么不让评分啊?有点晕。

绿叶清舟 发表于 2022-3-5 17:19

一抹淡蓝,真漂亮{:4_204:}队长收礼开心

加林森 发表于 2022-3-5 17:20

真奇怪,你这里有音乐。我制作的就没有音乐了呢?继续晕会。{:4_203:}

红影 发表于 2022-3-5 19:53

亲爱的好漂亮的颜色搭配,好帖。队长收礼开心{:4_187:}

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

加林森 发表于 2022-3-5 17:01
好的,我得好好研究一下才行了。谢谢小辣椒。

队长晚上好{:4_187:}

小辣椒 发表于 2022-3-5 20:32

绿叶清舟 发表于 2022-3-5 17:19
一抹淡蓝,真漂亮队长收礼开心

清舟晚上好{:4_187:}

小辣椒 发表于 2022-3-5 20:32

加林森 发表于 2022-3-5 17:20
真奇怪,你这里有音乐。我制作的就没有音乐了呢?继续晕会。

怎么回事情?{:4_203:}

小辣椒 发表于 2022-3-5 20:33

红影 发表于 2022-3-5 19:53
亲爱的好漂亮的颜色搭配,好帖。队长收礼开心

亲爱的,这个其实就是黑黑分享的图片链接做的按钮,最简单的那种

加林森 发表于 2022-3-5 20:36

小辣椒 发表于 2022-3-5 20:32
怎么回事情?

现在我的也有音乐了。已经解决了。

加林森 发表于 2022-3-5 20:37

小辣椒 发表于 2022-3-5 20:31
队长晚上好

小辣椒晚上好!{:4_204:}{:4_190:}

小辣椒 发表于 2022-3-5 20:41

加林森 发表于 2022-3-5 20:37
小辣椒晚上好!

刚才看了,队长套用代码很成功{:4_187:}

加林森 发表于 2022-3-5 20:47

小辣椒 发表于 2022-3-5 20:41
刚才看了,队长套用代码很成功

是的,就是fws没有成功,可惜了。

小辣椒 发表于 2022-3-5 20:49

加林森 发表于 2022-3-5 20:47
是的,就是fws没有成功,可惜了。

???你css里面加了什么swf?
页: [1] 2 3
查看完整版本: 梦缠绵(庄心妍&冷漠) TO:队长