加林森 发表于 2022-1-22 17:31

【箫雨】- 空雨 送大家！

本帖最后由 加林森 于 2022-1-22 20:52 编辑 <br /><br /><style type="text/css">
.btn-ro {
        width: 32px;
        height: 32px;
        line-height: 32px;
        background: linear-gradient(blue,gray,red);
        border-radius: 50%;
        outline:none;
        color: white;
        text-align: center;
        box-shadow: 1px 1px 2px #666;
        opacity: 1;
        cursor: pointer;
        animation: rol 5s infinite;
}

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

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

</style>
<p style="text-align:center;">
<div class="tb-Box">
<img alt="【箫雨】" title="空雨"src="https://pic.imgdb.cn/item/61eb7b3c2ab3f51d919c5bc1.jpg" alt="" style="opacity: 0.5;">
</p>

<p><audio id="ymusic"src="https://www.80wp.com/wj/3015606/912b6a007964a02d4f1f86340ca4c258.mp3"autoplay="autoplay" loop="loop"></audio>
<div id="btn-ro" class="btn-ro" style="position:relative;top:-60px;left:100px;">●</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>

红影 发表于 2022-1-22 19:29

这个播放器四周好像有一圈黑底，可能去掉更好吧{:4_204:}

红影 发表于 2022-1-22 19:30

曲子非常好听{:4_187:}

加林森 发表于 2022-1-22 19:57

红影 发表于 2022-1-22 19:29
这个播放器四周好像有一圈黑底，可能去掉更好吧

不知道该怎么去掉的，可能老黑知道吧。

加林森 发表于 2022-1-22 19:57

红影 发表于 2022-1-22 19:30
曲子非常好听

80 网站的音乐。

樵歌 发表于 2022-1-22 20:21

这曲子真好听。

加林森 发表于 2022-1-22 20:24

樵歌 发表于 2022-1-22 20:21
这曲子真好听。

好听多听

加林森 发表于 2022-1-22 20:49

红影 发表于 2022-1-22 19:29
这个播放器四周好像有一圈黑底，可能去掉更好吧

我现在又换了另外一个老黑的播放器，你来看看。

红影 发表于 2022-1-22 21:02

加林森 发表于 2022-1-22 19:57
不知道该怎么去掉的，可能老黑知道吧。

应该在语句里能调的吧。

红影 发表于 2022-1-22 21:03

加林森 发表于 2022-1-22 20:49
我现在又换了另外一个老黑的播放器，你来看看。

队长换起来真快，很熟练呢{:4_187:}

加林森 发表于 2022-1-22 21:05

红影 发表于 2022-1-22 21:03
队长换起来真快，很熟练呢

就是在试播放器的变化。

加林森 发表于 2022-1-22 21:07

红影 发表于 2022-1-22 21:02
应该在语句里能调的吧。

可能是的。

大猫咪 发表于 2022-1-22 21:08

图片和音乐融合的好有感觉， 真棒，谢谢队长好分享， 收藏了！


{:4_204:}{:4_190:}

加林森 发表于 2022-1-22 21:19

大猫咪 发表于 2022-1-22 21:08
图片和音乐融合的好有感觉， 真棒，谢谢队长好分享， 收藏了！

猫猫真乖。{:4_190:}

红影 发表于 2022-1-22 22:03

加林森 发表于 2022-1-22 21:05
就是在试播放器的变化。

这个播放器转着转着好像会停顿一小会。

红影 发表于 2022-1-22 22:05

加林森 发表于 2022-1-22 21:07
可能是的。

队长更可以研究一下怎样去掉那个黑边{:4_173:}

加林森 发表于 2022-1-22 22:16

红影 发表于 2022-1-22 22:03
这个播放器转着转着好像会停顿一小会。

就是，我在80 也是这样的。

加林森 发表于 2022-1-22 22:17

红影 发表于 2022-1-22 22:05
队长更可以研究一下怎样去掉那个黑边

明天去研究那个播放器。

红影 发表于 2022-1-22 22:24

加林森 发表于 2022-1-22 22:16
就是，我在80 也是这样的。

没看懂，我是说那个转动的播放器啊，不是说音乐呢。空雨的这些音乐都很好听的。

红影 发表于 2022-1-22 22:25

加林森 发表于 2022-1-22 22:17
明天去研究那个播放器。

队长很好学，勤学不倦{:4_199:}
页: [1] 2
查看完整版本: 【箫雨】- 空雨 送大家！