加林森 发表于 2022-1-27 13:43

《大海啊我的故乡》 谭晶演唱。

本帖最后由 加林森 于 2022-1-28 17:07 编辑 <br /><br /><style type="text/css">

.btn-ro {
      width: 10px; height: 10px;
      background: Thistle;
      border: 18px solid;
      border-color: PaleTurquoise RoyalBlue;
      border-radius: 50%;
      box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
      cursor: pointer;
      animation: rol linear 2s infinite;
}

.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }

@keyframes rol { to { transform:rotate(360deg); } }

</style>
<div style="position: relative; left:-200px;TOP:50px; width:1000px; height:540px; text-align:center;">
<img alt="学习黑黑css制作" title="大海啊故乡 - 谭晶" src="https://pic.imgdb.cn/item/61eed8ac2ab3f51d91b76b95.jpg" />

<div style="position:absolute; width:300px;left:450px; top: 400px; text-align:center;">
</div＞

   </div>
<center >
<p ><font color="#FFFFFF" size="3" >
<marqueescrollamount="3" direction="left" >大海啊故乡 - 谭晶演唱一首很喜欢的老歌送给大家</marquee>

<audio id="ymusic" src="https://oss.shandianpan.com/9fab7be881c5bfa32b6887f6aa2b2ad5.mp3" autoplay="autoplay" loop="loop"></audio>
<div id="btn-ro" class="btn-ro" style="position:relative;top:-0px;left:-250px;"> </div>
      </div>
   </div>
</div>

<script>

var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>
</div>
<br><br><br><br><br><br>

加林森 发表于 2022-1-27 13:45

@小辣椒 @红影 @马黑黑

樵歌 发表于 2022-1-27 14:00

他们都在呼呼，我来先听。{:4_174:}

马黑黑 发表于 2022-1-27 14:54

给力给力

加林森 发表于 2022-1-27 15:00

本帖最后由 加林森 于 2022-1-27 16:42 编辑

樵歌 发表于 2022-1-27 14:00
他们都在呼呼，我来先听。
好的好的。{:4_190:}

加林森 发表于 2022-1-27 15:01

马黑黑 发表于 2022-1-27 14:54
给力给力

谢谢老黑支持。{:4_170:}

红影 发表于 2022-1-27 15:17

这个真漂亮，用了黑黑的转动按钮。背景和按钮颜色都很美，滚动字位置也正好。队长真棒{:4_199:}

红影 发表于 2022-1-27 15:18

队长的帖子真是越做越好了，向你学习{:4_187:}

加林森 发表于 2022-1-27 16:52

红影 发表于 2022-1-27 15:17
这个真漂亮，用了黑黑的转动按钮。背景和按钮颜色都很美，滚动字位置也正好。队长真棒

谢谢红影支持。{:4_187:}

加林森 发表于 2022-1-27 16:54

红影 发表于 2022-1-27 15:18
队长的帖子真是越做越好了，向你学习

{:4_170:}我们在做比赛啊？

马黑黑 发表于 2022-1-27 17:45

加林森 发表于 2022-1-27 15:01
谢谢老黑支持。

{:5_108:}

加林森 发表于 2022-1-27 17:46

马黑黑 发表于 2022-1-27 17:45


{:4_191:}

小辣椒 发表于 2022-1-27 20:15

队长学习有进步哦，加油！{:4_187:}

加林森 发表于 2022-1-27 20:25

小辣椒 发表于 2022-1-27 20:15
队长学习有进步哦，加油！

谢谢小辣椒支持！{:4_187:}

红影 发表于 2022-1-27 20:26

加林森 发表于 2022-1-27 16:54
我们在做比赛啊？

不是比赛啊，是展示学习成果{:4_173:}

加林森 发表于 2022-1-27 21:08

红影 发表于 2022-1-27 20:26
不是比赛啊，是展示学习成果

我在开玩笑。{:5_117:}

红影 发表于 2022-1-27 21:23

加林森 发表于 2022-1-27 21:08
我在开玩笑。

没关系，说说笑笑也开心的{:4_204:}

加林森 发表于 2022-1-27 22:11

红影 发表于 2022-1-27 21:23
没关系，说说笑笑也开心的

嗯嗯，开心就好！{:4_187:}
页: [1]
查看完整版本: 《大海啊我的故乡》 谭晶演唱。