《父亲的草原母亲的河》 廖昌永 送大家！
本帖最后由 加林森 于 2022-2-13 06:49 编辑 <br /><br /><style type="text/css">.paBox { /* 父框 */
margin: 10px auto;
width: 1024px;
height: 585px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/6203f9692ab3f51d918e4b50.jpg') no-repeat;
left: -213px;
top: 150px
}
/* 父框和 .soBox 的伪元素各自的动画样式 */
.paBox::before { animation: fly 2s linear infinite alternate;}
.paBox::after { height: 4px; animation: fly 5s linear infinite;}
.soBox::before { animation: fly 3s linear infinite;}
.soBox::after { height: 5px; animation: fly 1s linear infinite alternate;}
@keyframes fly { 100% { transform: rotate(360deg); } }
/*旋转按钮*/
.roBox50 {
margin: 10px;
position: relative;
width: 50px; height: 50px;
line-height: 50px; font-size: 14px;
background: linear-gradient(Blue,Pink,Teal);
outline:none;
color: Indigo;
border-radius: 50%;
text-align: center;
box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.25);
cursor: pointer;
animation: rol linear 2s infinite;
}
.roBox50:hover { opacity: 0.8; }
.roBox50:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div class="paBox">
<div class="soBox"></div>
<p style="position: absolute; left:50px; top:200px; color: #b6d8d8;"><marqueescrollamount="3" direction="left" ><b><font face="微软雅黑" size="4">一首廖永昌的深情演唱送给大家【加林森编制】</font></marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox50" style="left:5%;top:7%;">●</div>
</div>
<audio id="ymusic" src="https://oss.shandianpan.com/2c88f476b2919fa81d38578b59913f14.mp3" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
var mu = document.getElementById('ymusic');
var roBtn = document.getElementById('roBox');
mu.autoplay ? roBtn.style.animationPlayState="running" : roBtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ roBtn.style.animationPlayState="paused"; })
roBtn.onclick = function(){ mu.paused ? (mu.play(), roBtn.style.animationPlayState="running") : (mu.pause(), roBtn.style.animationPlayState="paused"); }
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
先听一会，然后看冬奥，今天有谷爱凌冲金决赛！ 预祝她再下一城！{:4_374:} 樵歌 发表于 2022-2-13 09:59
先听一会，然后看冬奥，今天有谷爱凌冲金决赛！
好的，加油。 樵歌 发表于 2022-2-13 10:00
预祝她再下一城！
估计问题不大的。 好听，这个按钮很好用，暂停和继续播放都很灵敏。欣赏队长好帖{:4_187:} 红影 发表于 2022-2-13 11:12
好听，这个按钮很好用，暂停和继续播放都很灵敏。欣赏队长好帖
谢谢红影支持。{:4_187:} 加林森 发表于 2022-2-13 11:23
谢谢红影支持。
队长的学习真用功{:4_187:} 红影 发表于 2022-2-13 12:10
队长的学习真用功
好看好听，然后才是好玩。{:4_189:} 加林森 发表于 2022-2-13 12:12
好看好听，然后才是好玩。
玩中学习，是最好的学习状态呢{:4_204:} 红影 发表于 2022-2-13 14:05
玩中学习，是最好的学习状态呢
就是就是 加林森 发表于 2022-2-13 15:52
就是就是
这样学习不累{:4_189:} 红影 发表于 2022-2-13 19:19
这样学习不累
就是，边学习边欣赏。 加林森 发表于 2022-2-13 11:01
好的，加油。
昨天雪太大比赛取消了，今天预赛第三进入决赛。恭喜恭喜！ 加林森 发表于 2022-2-13 11:01
估计问题不大的。
加油！我看好她！{:4_374:} 加林森 发表于 2022-2-13 21:33
就是，边学习边欣赏。
很不错的{:4_204:} 红影 发表于 2022-2-14 13:45
很不错的
是啊，聆听着歌曲，还可以制作，真是很美的一种享受。 樵歌 发表于 2022-2-14 13:09
加油！我看好她！
我也是，挺好的姑娘。 樵歌 发表于 2022-2-14 13:08
昨天雪太大比赛取消了，今天预赛第三进入决赛。恭喜恭喜！
上次也是第三，这次也是，下次就直接领金牌了吧。 加林森 发表于 2022-2-14 16:43
是啊，聆听着歌曲，还可以制作，真是很美的一种享受。
主要是学习制作，熟练了对以后欣赏音乐有好处。
页:
[1]
2