加林森 发表于 2021-11-23 21:07
哈哈哈哈，老兄台好玩了。
老惨了，辣的鼻涕眼泪的，吓得俺赶紧跑回来了。。。。{:5_102:}
本帖最后由 加林森 于 2022-2-12 22:21 编辑 <br /><br />小辣椒 发表于 2021-11-23 21:07
这个也是越剧，队长也是会听？
是的啊，小屁孩的时间就开始听了。{:4_189:}
<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>
本帖最后由 加林森 于 2022-4-26 18:25 编辑 <br /><br />东篱闲人 发表于 2021-11-23 21:10
老惨了，辣的鼻涕眼泪的，吓得俺赶紧跑回来了。。。。
哈哈哈哈，你应该吃的是微辣吧。
<style type="text/css">
.out-box1 {
width: 150px;
height: 150px;
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
border: 1px solid;
}
.inner-box1 {
width: 100px;
height: 100px;
background: #333;
}
</style>
<div class="out-box1">
<div class="inner-box1"></div>
</div>
小辣椒 发表于 2021-11-23 21:09
发现喜欢越剧的人不少的
我小屁孩时间就在听了。{:4_170:}
加林森 发表于 2021-11-23 21:11
是的啊，小屁孩的时间就开始听了。
队长你小时候就会听越剧？ 厉害了
加林森 发表于 2021-11-23 21:12
哈哈哈哈，你应该吃的是微辣吧。
对对，就是危险系数最低最低的那种。。。。
东篱闲人 发表于 2021-11-23 21:14
对对，就是危险系数最低最低的那种。。。。
辣得流 鼻涕了吧？
加林森 发表于 2021-11-23 21:11
是的啊，小屁孩的时间就开始听了。
我不喜欢戏曲，这个越剧可以听懂，但不会唱
小九 发表于 2021-11-23 21:13
队长你小时候就会听越剧？ 厉害了
是啊，那个时间没有玩的，听收音机啊。
小辣椒 发表于 2021-11-23 21:16
我不喜欢戏曲，这个越剧可以听懂，但不会唱
我会唱的
加林森 发表于 2021-11-23 21:16
辣得流 鼻涕了吧？
辣还能对付，就是那个麻实在受不了。。。。{:5_102:}
东篱闲人 发表于 2021-11-23 21:18
辣还能对付，就是那个麻实在受不了。。。。
哈哈哈哈，我就在你被麻得受不了的。
加林森 发表于 2021-11-23 21:18
我会唱的
队长你太厉害了
小辣椒 发表于 2021-11-23 21:19
队长你太厉害了
不是厉害，是跟到学习的啊.你快去收礼啊！
加林森 发表于 2021-11-23 21:22
不是厉害，是跟到学习的啊.你快去收礼啊！
好的
小辣椒 发表于 2021-11-23 21:22
好的
嗯嗯
谢谢队长，曾经很喜欢越剧的{:4_204:}
谢谢队长，曾经很喜欢越剧的{:4_204:}
小百花的演员扮相真是美，听着唱腔，看着美丽的容颜，真美{:4_187:}
英台为小九妹来做媒{:4_173:}