加林森 发表于 2022-3-7 12:10

《假日的海滩》-轻音乐

本帖最后由 加林森 于 2022-3-7 21:17 编辑 <br /><br /><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/24/15/202202241559481151-5087368.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-420px; width:1400px; top: 100px;text-align:center;">
      <img alt="" src="https://pic.imgdb.cn/item/62248c8a5baa1a80ab4ff498.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:150px; left:670px; top: 270px; text-align:center;">

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

<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 2px #ffffff;">


               <marqueescrollamount="4" direction="left" >今天又学习了一个播放器，套用一个代码玩玩 ，谢谢马黑黑老师 谢谢小辣椒</marquee>
                <p><audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/03/06/98a6e3757bc59e84a1ce8e00df5f1767.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
                <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('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')";
})

</script>

加林森 发表于 2022-3-7 12:27

@大猫咪

辫子哥哥 发表于 2022-3-7 13:42

帖子有点偏，怎么还谢小辣椒？

加林森 发表于 2022-3-7 13:45

辫子哥哥 发表于 2022-3-7 13:42
帖子有点偏，怎么还谢小辣椒？

她教的播放器制作啊。

大猫咪 发表于 2022-3-7 14:04

真漂亮，队长厉害，这么快就学会了，音乐真棒，非常喜欢，谢谢队长！

{:4_187:}{:4_190:}

大猫咪 发表于 2022-3-7 14:04

辫子哥哥 发表于 2022-3-7 13:42
帖子有点偏，怎么还谢小辣椒？

好久不见辫子{:4_187:} 工作很忙吧， 下午好   {:4_187:}{:4_191:}

加林森 发表于 2022-3-7 14:05

大猫咪 发表于 2022-3-7 14:04
真漂亮，队长厉害，这么快就学会了，音乐真棒，非常喜欢，谢谢队长！

我还得谢谢你啊，这个播放器真漂亮。{:4_187:}

大猫咪 发表于 2022-3-7 14:08

加林森 发表于 2022-3-7 14:05
我还得谢谢你啊，这个播放器真漂亮。

哈哈   是辣椒分享的队长 {:4_187:} 她工作特别忙，晚上就2个小时的时间上网，，

还教猫做帖，真辛苦{:4_190:}

加林森 发表于 2022-3-7 14:11

大猫咪 发表于 2022-3-7 14:08
哈哈   是辣椒分享的队长她工作特别忙，晚上就2个小时的时间上网，，

还教猫做帖，真辛苦...

知道的，她也教了我的，是熊熊播放器，也挺好玩的。

大猫咪 发表于 2022-3-7 14:14

加林森 发表于 2022-3-7 14:11
知道的，她也教了我的，是熊熊播放器，也挺好玩的。

嗯嗯辣椒灵的很   学东西很快{:4_187:}

红影 发表于 2022-3-7 14:29

队长的帖子真漂亮。貌似位置还需要调整一下{:4_187:}

加林森 发表于 2022-3-7 14:37

大猫咪 发表于 2022-3-7 14:14
嗯嗯辣椒灵的很   学东西很快

就是，我就跟到她学习就行了。

加林森 发表于 2022-3-7 14:38

本帖最后由 加林森 于 2022-3-7 15:33 编辑

红影 发表于 2022-3-7 14:29
队长的帖子真漂亮。貌似位置还需要调整一下
这个我还不知道该怎么调整。好了现在终于调整好了。

加林森 发表于 2022-3-7 14:38

本帖最后由 加林森 于 2022-3-7 15:31 编辑

@马黑黑现在调整好了。

加林森 发表于 2022-3-7 15:31

辫子哥哥 发表于 2022-3-7 13:42
帖子有点偏，怎么还谢小辣椒？

现在调整好了，你请来看看。{:4_190:}

加林森 发表于 2022-3-7 15:32

红影 发表于 2022-3-7 14:29
队长的帖子真漂亮。貌似位置还需要调整一下

现在调整好了，你再看看。{:4_187:}

马黑黑 发表于 2022-3-7 17:26

不错哈，@小辣椒 的功夫学到差不多了

加林森 发表于 2022-3-7 17:31

马黑黑 发表于 2022-3-7 17:26
不错哈，@小辣椒 的功夫学到差不多了

谢谢老黑指点。{:4_190:}

红影 发表于 2022-3-7 20:40

加林森 发表于 2022-3-7 15:32
现在调整好了，你再看看。

嗯嗯，现在的位置差不多了，队长真棒{:4_204:}

加林森 发表于 2022-3-7 20:43

红影 发表于 2022-3-7 20:40
嗯嗯，现在的位置差不多了，队长真棒

谢谢红影！{:4_187:}
明天过节日了哦，准备好了吗？
页: [1] 2
查看完整版本: 《假日的海滩》-轻音乐