加林森 发表于 2022-2-18 20:03
就是啊，真让人头痛。
只能是什么能用就先用着了，以后不能用了再说。
本帖最后由 加林森 于 2022-5-15 10:47 编辑 <br /><br />红影 发表于 2022-2-18 20:51
只能是什么能用就先用着了，以后不能用了再说。
嗯嗯，就是。
<style type="text/css">
.paBox { /* 父框 */
margin: 10px auto;
width: 1024px;
height: 682px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/628068a909475431290fea54.jpg') no-repeat;
left: -214px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 500px; height: 2px;
background: silver;
left: 300px; top: 230px;
opacity: 0.1;
transform-origin: center center;
}
/* 父框和 .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); } }
/*旋转按钮*/
.roBox32 {
margin: 10px;
position: relative;
width: 64px; height: 64px;
line-height: 64px; font-size: 12px;
background: linear-gradient(blue,gray,red);
outline:none;
color: white;
border-radius: 50%;
text-align: center;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
cursor: pointer;
animation: rol linear 2s infinite;
}
.roBox32:hover { opacity: 0.8; }
.roBox32:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div class="paBox">
<div class="soBox"></div>
<p style="position: absolute; left:240px; top:620px; color:#FFA500;"><marqueescrollamount="3" direction="left" >车站（纯音乐）笛子</marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox32" style="left:10%;top:88%;">●</div>
</div>
<audio id="ymusic" src="https://www.joy127.com/url/90287.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>
加林森 发表于 2022-2-18 21:09
嗯嗯，就是。
网易云到是不错，可惜我单位电脑的时候没法听，有限制。
红影 发表于 2022-2-18 21:25
网易云到是不错，可惜我单位电脑的时候没法听，有限制。
明白的，辛苦你了！{:4_190:}
加林森 发表于 2022-2-18 21:59
明白的，辛苦你了！
在单位的时候，我基本不去想做帖子的事，受到的限制太多了。
红影 发表于 2022-2-18 22:12
在单位的时候，我基本不去想做帖子的事，受到的限制太多了。
明白的。我原来在单位基本不发另外的，要发是没是秘书的事情。
加林森 发表于 2022-2-18 22:14
明白的。我原来在单位基本不发另外的，要发是没是秘书的事情。
我是说单位网有限制，很多音乐我听不到，影响玩。队长听错了。
红影 发表于 2022-2-18 22:31
我是说单位网有限制，很多音乐我听不到，影响玩。队长听错了。
嗯嗯，我明白的。
制作真棒 {:4_187:}经典！好听又好看，陶醉鸟。。。。
队长周末快乐！
{:4_204:}{:4_199:}{:4_190:}
大猫咪 发表于 2022-2-19 11:21
制作真棒 经典！好听又好看，陶醉鸟。。。。
队长周末快乐！
猫猫下午好。你喜欢就好。{:4_204:}{:4_190:}