加林森 发表于 2022-6-2 13:13

【童心飞扬】岁岁常欢愉 万事皆胜意 -UM/别错过

本帖最后由 加林森 于 2022-6-2 13:16 编辑 <br /><br /><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:-302px; top: 150px; width:1259px;text-align:center;">
      <img alt="" src="https://pic.imgdb.cn/item/6298475a0947543129dc73a8.jpg " 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=1857919787.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<div style="position:absolute; width:350px; left:120px; top: 570px; 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 13:13

@小辣椒

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

队长速度的，就是图图太简单了{:4_173:}

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

队长再做一个玩玩，滚动字也是移动一下位置

加林森 发表于 2022-6-2 13:21

小辣椒 发表于 2022-6-2 13:20
队长速度的，就是图图太简单了

只想到黑底色的，没有考虑其他的了。{:4_170:}

加林森 发表于 2022-6-2 13:25

小辣椒 发表于 2022-6-2 13:21
队长再做一个玩玩，滚动字也是移动一下位置

好的。另外一个就发水区去了。我现在去找音乐。

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

加林森 发表于 2022-6-2 13:25
好的。另外一个就发水区去了。我现在去找音乐。

队长不急我准备下了。休息一下去

加林森 发表于 2022-6-2 13:32

小辣椒 发表于 2022-6-2 13:29
队长不急我准备下了。休息一下去

好的。去吧。

梦油 发表于 2022-6-2 15:08

下面的小音标真漂亮。（是叫音标吧？）

加林森 发表于 2022-6-2 15:34

梦油 发表于 2022-6-2 15:08
下面的小音标真漂亮。（是叫音标吧？）

是播放器。

梦油 发表于 2022-6-2 16:03

加林森 发表于 2022-6-2 15:34
是播放器。

播放器不仅是圆的啊。黑色背景下的播放器真漂亮。

红影 发表于 2022-6-2 16:57

这个小播放器真漂亮{:4_204:}

加林森 发表于 2022-6-2 17:28

梦油 发表于 2022-6-2 16:03
播放器不仅是圆的啊。黑色背景下的播放器真漂亮。

是啊，这样才能把播放器显得漂亮。

加林森 发表于 2022-6-2 17:28

红影 发表于 2022-6-2 16:57
这个小播放器真漂亮

就是，很活跃的。

梦油 发表于 2022-6-2 17:38

加林森 发表于 2022-6-2 17:28
是啊，这样才能把播放器显得漂亮。

颜色搭配很讲究，看来你真动脑子了，这样的搭配带来的是更好的效果。

加林森 发表于 2022-6-2 17:44

梦油 发表于 2022-6-2 17:38
颜色搭配很讲究，看来你真动脑子了，这样的搭配带来的是更好的效果。

是的
页: [1]
查看完整版本: 【童心飞扬】岁岁常欢愉 万事皆胜意 -UM/别错过