漂亮,歌曲也是好听{:4_199:}{:4_199:}
谢谢队长分享{:4_187:}
加林森 发表于 2021-12-19 18:15
比老兄的洋妞好多了吧
你猜。。。{:5_106:}
小辣椒 发表于 2021-12-19 20:53
漂亮,歌曲也是好听
谢谢啊,歌曲挺好的。
本帖最后由 加林森 于 2022-2-8 12:47 编辑 <br /><br /><div class="quote"><blockquote><font size="2"><a href="forum.php?mod=redirect&goto=findpost&pid=1380659&ptid=55151" target="_blank"><font color="#999999">小辣椒 发表于 2021-12-19 20:55</font></a></font><br>谢谢队长分享</blockquote></div><br>谢谢谢谢!<div><br></div><div><br></div>
<style type="text/css">
.paBox { /* 父框 */
margin: 10px auto;
width: 1024px;
height: 640px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/6201f01e2ab3f51d91be2caf.jpg') no-repeat;
left: -200px;
top: 150px
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 500px; height: 2px;
background: silver;
left: 540px; top: 80px;
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); } }
/*旋转按钮*/
.roBox40 {
margin: 10px;
position: relative;
width: 40px; height: 40px;
line-height: 40px; font-size: 14px;
background: linear-gradient(Teal,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;
}
.roBox40:hover { opacity: 0.8; }
.roBox40:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div class="paBox">
<div class="soBox"></div>
<p style="position: absolute; left:50px; top:100px; color: #e12325;"><marqueescrollamount="2" direction="left" ><font face="微软雅黑"><font size="4">一条长长的哈达 托起苍莽雪山嘿喜马拉雅</font></marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox40" style="left:15%;top:82%;">●</div>
</div>
<audio id="ymusic" src="https://www.joy127.com/url/88577.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-12-19 21:20
你猜。。。
这还要猜?老兄你自己满足去吧。
加林森 发表于 2021-12-19 21:23
这还要猜?老兄你自己满足去吧。
还行还行。。。。{:5_106:}
马黑黑 发表于 2021-12-19 20:50
安全滴也就好
是的啊,谢谢老黑!
加林森 发表于 2021-12-19 21:26
是的啊,谢谢老黑!
客气客气
马黑黑 发表于 2021-12-19 21:27
客气客气
{:4_191:}你喝{:4_180:}我喝
东篱闲人 发表于 2021-12-19 21:24
还行还行。。。。
老兄好自为之吧
加林森 发表于 2021-12-19 21:35
老兄好自为之吧
又咋啦?{:5_115:}
东篱闲人 发表于 2021-12-19 21:35
又咋啦?
保重身体啊
加林森 发表于 2021-12-19 21:37
保重身体啊
身体倍棒吃嘛嘛香。。。{:5_112:}
东篱闲人 发表于 2021-12-19 21:38
身体倍棒吃嘛嘛香。。。
那就好那就好
加林森 发表于 2021-12-19 21:39
那就好那就好
嗯嗯嗯,你身体还好吧?{:5_117:}
东篱闲人 发表于 2021-12-19 21:55
嗯嗯嗯,你身体还好吧?
还行还行
加林森 发表于 2021-12-19 21:56
还行还行
那就好。。。{:5_106:}
东篱闲人 发表于 2021-12-19 21:57
那就好。。。
当然当然
好好好~~~{:5_116:}