加林森 发表于 2022-3-11 12:17

《时间煮雨》-郁可唯



<style type="text/css">
.picBtn {
   
      width: 100px;
      height: 100px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/622a00ea5baa1a80ab412ada.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-220px; top: 150px; width:1000px;text-align:center;">
      <img alt="" src="https://pic.imgdb.cn/item/622ac68b5baa1a80abaf5299.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:250px; left:200px; top: 150px; text-align:center;">

<center >
<p ><font color="#ec1212" size="4" >

               <marqueescrollamount="4" direction="left" >时间煮雨-郁可唯 </marquee>
                <p><audio id="music" src="http://www.kumeiwp.com/sub/filestores/2021/01/28/be958e39542add82c9e277bebe23f6b7.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
            <div style="position:absolute; width:250px; left:100px; top: -90px; text-align:center;">

                <button id="picBtn" class="picBtn"></button>
          </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('https://pic.imgdb.cn/item/622a00ea5baa1a80ab412ada.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622a01115baa1a80ab414665.png')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('https://pic.imgdb.cn/item/622a01115baa1a80ab414665.png')";
})

</script>
<br><br><br><br><br><br><br><br>

马黑黑 发表于 2022-3-11 13:04

队长好制作。赞一个

加林森 发表于 2022-3-11 13:17

马黑黑 发表于 2022-3-11 13:04
队长好制作。赞一个

这个播放器好玩，小辣椒帮着上传的。{:4_190:}

红影 发表于 2022-3-11 13:30

这个做得好看，队长越做越熟练了{:4_199:}

加林森 发表于 2022-3-11 13:33

红影 发表于 2022-3-11 13:30
这个做得好看，队长越做越熟练了

谢谢红影支持！{:4_187:}{:4_190:}

马黑黑 发表于 2022-3-11 16:48

加林森 发表于 2022-3-11 13:17
这个播放器好玩，小辣椒帮着上传的。

{:4_181:}

加林森 发表于 2022-3-11 17:11

马黑黑 发表于 2022-3-11 16:48


谢谢！

大猫咪 发表于 2022-3-11 20:43

真好听，队长好制作， 特别喜欢的歌 {:4_204:}晚上好{:4_190:}

加林森 发表于 2022-3-11 20:57

大猫咪 发表于 2022-3-11 20:43
真好听，队长好制作， 特别喜欢的歌   晚上好

猫猫晚上好。{:4_204:}{:4_190:}

大猫咪 发表于 2022-3-11 20:57

加林森 发表于 2022-3-11 20:57
猫猫晚上好。

队长晚上好{:4_204:}周末快乐{:4_179:}

加林森 发表于 2022-3-11 21:02

大猫咪 发表于 2022-3-11 20:57
队长晚上好周末快乐

好快，又是周末了。猫猫周末快乐！{:4_204:}{:4_190:}

大猫咪 发表于 2022-3-11 21:03

加林森 发表于 2022-3-11 21:02
好快，又是周末了。猫猫周末快乐！

和队长一起开心{:4_187:}{:4_179:}

小辣椒 发表于 2022-3-11 21:11

队长这个小美女的动图周围有白边，背景要选好，否则看起来就明显了

加林森 发表于 2022-3-11 21:13

大猫咪 发表于 2022-3-11 21:03
和队长一起开心

好的好的。大家都开心快乐！{:4_179:}

大猫咪 发表于 2022-3-11 21:14

加林森 发表于 2022-3-11 21:13
好的好的。大家都开心快乐！

{:4_179:}必须的

加林森 发表于 2022-3-11 21:15

小辣椒 发表于 2022-3-11 21:11
队长这个小美女的动图周围有白边，背景要选好，否则看起来就明显了

嗯嗯，下次选图片就选浅色的。

加林森 发表于 2022-3-11 21:17

大猫咪 发表于 2022-3-11 21:14
必须的

嗯嗯。{:4_179:}
页: [1]
查看完整版本: 《时间煮雨》-郁可唯