【童心飞扬】--我们的生活充满了阳光

小辣椒

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

<div style="position: relative; left:-330px; top: 150px; width:1259px;text-align:center;">
        <img alt="" src="https://pic.imgdb.cn/item/62978afc094754312939eae0.gif " style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
        <div style="position:absolute; width:150px; left:170px; top: 120px; text-align:center;">

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

               <marquee  scrollamount="5" direction="left" >欢度“六一”儿童节</marquee>
                <p><audio id="music" src="https://music.163.com/song/media/outer/url?id=325155.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<div style="position:absolute; width:350px; left:170px; top: 400px; 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/629782b609475431292c2d10.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/629782f209475431292c84ff.png')");
}

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

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

小辣椒

粒子跑小美女脸上了

小九

特效很美！ 我们的生活充满阳光！

走过岁月

做得不错，还行

加林森

真漂亮。好歌曲好制作，真好！

小辣椒

走过岁月 发表于 2022-6-2 11:26
做得不错，还行

我指的不是这个，那个还在找播放器

小辣椒

加林森 发表于 2022-6-2 11:51
真漂亮。好歌曲好制作，真好！

队长这个小频谱播放器可以玩的

小辣椒

小九 发表于 2022-6-2 11:21
特效很美！ 我们的生活充满阳光！

小九好~~~这个是大圆球是粒子效果

闲言不语

这可是一首老歌了，俺听着仿佛年轻了许多

加林森

小辣椒 发表于 2022-6-2 12:24
队长这个小频谱播放器可以玩的

哦，那我就试一试。

小辣椒

加林森 发表于 2022-6-2 12:35
哦，那我就试一试。

播放器位置背景必须是黑的，这个按钮我不是透明的

加林森

小辣椒 发表于 2022-6-2 12:53
播放器位置背景必须是黑的，这个按钮我不是透明的

嗯嗯，我现在就去试一试。

小辣椒

@马黑黑

黑黑，这个小频谱我做了按钮，但背景必须是黑的，这个不是透明的，我是swf软件截图出来的

马黑黑

小辣椒 发表于 2022-6-2 10:30
粒子跑小美女脸上了

小麻脸其实更美，不用抛光

马黑黑

小辣椒 发表于 2022-6-2 12:57
@马黑黑

黑黑，这个小频谱我做了按钮，但背景必须是黑的，这个不是透明的，我是swf软件截图出来的

挺好的

小辣椒

马黑黑 发表于 2022-6-2 13:14
小麻脸其实更美，不用抛光

哈哈~~~

小辣椒

马黑黑 发表于 2022-6-2 13:14
挺好的

就背景必须黑的才可以

小辣椒

闲言不语 发表于 2022-6-2 12:26
这可是一首老歌了，俺听着仿佛年轻了许多

梦梦这个也是算老歌了吧

马黑黑

小辣椒 发表于 2022-6-2 13:17
就背景必须黑的才可以

深色就可以的

马黑黑

小辣椒 发表于 2022-6-2 13:16
哈哈~~~

这叫点缀之美