小辣椒 发表于 2022-6-2 10:29

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

<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" >

               <marqueescrollamount="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 10:30

粒子跑小美女脸上了{:4_173:}

小九 发表于 2022-6-2 11:21

特效很美！ 我们的生活充满阳光！{:4_187:}

走过岁月 发表于 2022-6-2 11:26

做得不错，还行

加林森 发表于 2022-6-2 11:51

真漂亮。好歌曲好制作，真好！{:4_178:}

小辣椒 发表于 2022-6-2 12:23

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

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

小辣椒 发表于 2022-6-2 12:24

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

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

小辣椒 发表于 2022-6-2 12:24

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

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

闲言不语 发表于 2022-6-2 12:26

这可是一首老歌了，俺听着仿佛年轻了许多{:4_199:}

加林森 发表于 2022-6-2 12:35

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

哦，那我就试一试。

小辣椒 发表于 2022-6-2 12:53

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

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

加林森 发表于 2022-6-2 12:56

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

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

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

@马黑黑

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

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

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

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

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

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

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

挺好的

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

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

哈哈~~~{:4_172:}

小辣椒 发表于 2022-6-2 13:17

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

就背景必须黑的才可以

小辣椒 发表于 2022-6-2 13:18

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

梦梦这个也是算老歌了吧

马黑黑 发表于 2022-6-2 13:19

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

深色就可以的

马黑黑 发表于 2022-6-2 13:19

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

这叫点缀之美
页: [1] 2
查看完整版本: 【童心飞扬】--我们的生活充满了阳光