加林森 发表于 2021-11-23 21:31
勤学苦练，必须这样啊。
哇塞~~队长真的很勤奋的{:4_187:}
本帖最后由 加林森 于 2022-2-14 11:12 编辑 <br /><br />三月的阳光 发表于 2021-11-23 21:30
必须来点赞~~
兄弟我在你那里取的歌，然后再制作的帖。谢谢老弟了啊。{:4_191:}
<style type="text/css">
.paBox { /* 父框 */
margin: 10px auto;
width: 1024px;
height: 585px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/6209c01d2ab3f51d914f14e7.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:400px; color: #b6d8d8;"><marqueescrollamount="3" direction="left" ><b><font face="微软雅黑" size="4">【情人知己】-叶倩文演唱 送给大家！加林森编制</font></marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox50" style="left:15%;top:80%;">●</div>
</div>
<audio id="ymusic" src="https://www.joy127.com/url/88652.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>
三月的阳光 发表于 2021-11-23 21:30
必须来点赞~~
阳光晚上好，看见你了。{:4_187:}
小辣椒 发表于 2021-11-23 21:32
哇塞~~队长真的很勤奋的
必须的啊
小辣椒 发表于 2021-11-23 21:31
这类歌曲都是经久不衰的
是啊，老歌不会流失的。
加林森 发表于 2021-11-23 21:34
必须的啊
大家都要向你学习{:4_187:}
小辣椒 发表于 2021-11-23 21:36
大家都要向你学习
不要不要啊，我就是喜欢才跟着你学习的啊。{:5_111:}
加林森 发表于 2021-11-23 21:32
兄弟我在你那里取的歌，然后再制作的帖。谢谢老弟了啊。
加兄太客气了，自家人在自己家里用自家的东西，不用客气~~{:4_191:}
小辣椒 发表于 2021-11-23 21:33
阳光晚上好，看见你了。
师傅，晚上好~~{:4_190:}{:4_171:}
三月的阳光 发表于 2021-11-23 21:41
加兄太客气了，自家人在自己家里用自家的东西，不用客气~~
好的好的，干杯{:4_191:}
三月的阳光 发表于 2021-11-23 21:43
师傅，晚上好~~
阳光好，我上来迟，匆匆回几个帖就下的
本帖最后由 三月的阳光 于 2021-11-23 21:48 编辑
加林森 发表于 2021-11-23 21:43
好的好的，干杯
只要你喜欢的不用客气，我多了不用也是发霉，说到底还得感谢加兄帮忙推销呢~~{:4_173:}
三月的阳光 发表于 2021-11-23 21:46
只要你喜欢的不用客气，我多了不用也是发霉~~
哈哈哈哈，好兄弟。
加林森 发表于 2021-11-23 21:47
哈哈哈哈，好兄弟。
所以还得感谢加兄帮忙推销呢~~{:5_116:}{:5_116:}
三月的阳光 发表于 2021-11-23 21:49
所以还得感谢加兄帮忙推销呢~~
我们互相帮助吧，好吗？兄弟！
加林森 发表于 2021-11-23 21:52
我们互相帮助吧，好吗？兄弟！
成交~~{:5_108:}{:5_108:}
三月的阳光 发表于 2021-11-23 21:54
成交~~
要得要得！{:4_183:}
队长10点了，我先下了，晚安！
好听的老歌，越挺越有味，好帖{:4_187:}
小辣椒 发表于 2021-11-23 22:03
队长10点了，我先下了，晚安！
休息去吧