在那银色的月光下 TO：瞳萤贺芳辰
本帖最后由 宁静 于 2023-2-22 15:21 编辑 <br /><br /><style type="text/css">.paBox { /* 父框 */
margin: 10px auto;
width: 1273px;
height: 642px;
position: relative;
background: #000 url('https://wj.zp68.com/lxx/yunhua/2022/08/30/bj.gif') no-repeat;
left: -210px;
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); } }
/*旋转按钮*/
.roBox74 {
margin: 10px;
position: relative;
width: 74px; height: 74px;
line-height: 74px; font-size: 14px;
background: linear-gradient(Red,Pink,Indigo);
outline:none;
color: Indigo;
border-radius: 50%;
text-align: center;
box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.45);
cursor: pointer;
animation: rol linear 2s infinite;
}
.roBox74:hover { opacity: 0.8; }
.roBox74:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div class="paBox">
<div class="soBox"></div>
<p style="position: absolute; left:750px; width: 300px; top:500px; color: #ae0101;"><marqueescrollamount="4" direction="left" ><b><font face="微软雅黑" size="3">帖赠：瞳萤贺芳辰送上一首【三重唱--在那银色的月光下】希望你会喜欢</font></marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox74" style="left:74.8%;top:55.9%;">●</div>
</div>
<audio id="ymusic" src="https://wj.zp68.com/lxx/yunhua/2022/08/30/znysdygx.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> 瞳萤芳辰快乐{:10_401:} @ 瞳萤
上来看见你生日了，做个简单的贺帖，送上真挚的祝福，瞳萤生日快乐，永远18岁{:9019:}
一起贺瞳萤芳辰快乐{:10_402:} 这歌好听{:9022:} 三重唱，第一次听 宁静 发表于 2022-8-17 19:38
瞳萤芳辰快乐
这图好亮眼啊，漂亮
感觉男声唱的更加好听。{:9007:} 歌儿也好听{:10_402:}
这个播放器漂亮