加林森 发表于 2021-12-25 16:50
猫猫下午好,周末快乐!
队长晚上好 {:4_187:}{:4_179:}
本帖最后由 加林森 于 2022-2-6 15:00 编辑 <br /><br />大猫咪 发表于 2021-12-25 18:59
队长晚上好
猫猫晚上好!{:4_204:}{:4_179:}
<style type="text/css">
.paBox { /* 父框 */
margin: 10px auto;
width: 1024px;
height: 640px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/61ff71c42ab3f51d918d927c.jpg') no-repeat;
eft: -210px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 600px; height: 2px;
background: silver;
left: 160px; 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: 32px; height: 32px;
line-height: 32px; 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:300px; top:500px; color: #fff;"><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/88437.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>
今晚时间还未到呢~~~已经下班啦~~~{:5_153:}
杨柳青 发表于 2021-12-25 22:09
今晚时间还未到呢~~~已经下班啦~~~
来了来来,刚才去洗漱了。
加林森 发表于 2021-12-25 16:48
就是我
哎呦,失敬失敬,本先生你好
轩辕三光 发表于 2021-12-25 22:49
哎呦,失敬失敬,本先生你好
三光先生你好{:4_190:}
加林森 发表于 2021-12-25 22:52
三光先生你好
您太客气啦
轩辕三光 发表于 2021-12-25 22:57
您太客气啦
你什么的干活?
加林森 发表于 2021-12-25 23:02
你什么的干活?
队长粉丝团团长的干活
轩辕三光 发表于 2021-12-25 23:53
队长粉丝团团长的干活
要得要得
加林森 发表于 2021-12-26 16:33
要得要得
那就好那就好,以后见了我要叫团长
轩辕三光 发表于 2021-12-26 21:54
那就好那就好,以后见了我要叫团长
团长好{:4_170:}
小九 发表于 2021-12-26 21:55
团长好
时光如水,团长也老了{:5_106:}
轩辕三光 发表于 2021-12-26 21:58
时光如水,团长也老了
再老也是团长
小九 发表于 2021-12-26 22:00
再老也是团长
也对,身为队长粉丝团的团长,我得重新注册个团长进来才行{:4_189:}
轩辕三光 发表于 2021-12-26 22:19
也对,身为队长粉丝团的团长,我得重新注册个团长进来才行
那还不快点抢注{:4_189:}
小九 发表于 2021-12-26 22:20
那还不快点抢注
立马就去
轩辕三光 发表于 2021-12-26 21:54
那就好那就好,以后见了我要叫团长
团长晚上好{:4_190:}
加林森 发表于 2021-12-26 22:28
团长晚上好
队长今晚来了没有
杨柳青 发表于 2021-12-25 22:09
今晚时间还未到呢~~~已经下班啦~~~
欢迎杨柳青去报名参加论坛的跨年活动哈{:4_187:}