在那银色的月光下 TO：杨柳青
<style type="text/css">.paBox { /* 父框 */
margin: 10px auto;
width: 1273px;
height: 642px;
position: relative;
background: #000 url('https://wj.zp68.com/lxx/yunhua/2022/02/11/yysh.gif') no-repeat;
left: -340px;
top: 150px
}
/* 父框和 .soBox 的伪元素共同样式 */
//.paBox::before, .paBox::after, .soBox::before, .soBox::after {
//content: "";
//position: absolute;
//width: 300px; height: 2px;
//background: BlueViolet;
//left: 550px; top: 120px;
//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); } }
/*旋转按钮*/
.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; 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://wj1.zp68.com:812/lxx/yunhua/2022/07/znysdyuefx.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> 这个是音乐诗画 . 秋专辑里面的一首歌曲，送给小杨柳，非常喜欢的春夏秋冬四个专辑，分享过好几次了，希望你也是会喜欢 小杨柳不用送小辣椒原创作品了。开玩笑的，晓得你做一个花时间，我做这个简单一点，一个图片一个黑黑的css.编辑的按钮，不用上传直接出来了，真的不用送了{:4_179:} @杨柳青 亲爱的制作真漂亮，好多的冬天元素，那个播放器也很有特色，转动的光盘里还有指针呢{:4_199:} 好棒的制作。小杨柳收礼开心{:4_187:} 红影 发表于 2022-2-11 20:46
亲爱的制作真漂亮，好多的冬天元素，那个播放器也很有特色，转动的光盘里还有指针呢
亲爱的，你可以看见指针？ 红影 发表于 2022-2-11 20:46
亲爱的制作真漂亮，好多的冬天元素，那个播放器也很有特色，转动的光盘里还有指针呢
我现在光盘遮住了这个指针的，亲爱的，你怎么会看见呢？是我哪里错误还是你的速度卡的问题？ 小辣椒 发表于 2022-2-11 20:55
亲爱的，你可以看见指针？
是啊，能看到的啊。 小辣椒 发表于 2022-2-11 20:59
我现在光盘遮住了这个指针的，亲爱的，你怎么会看见呢？是我哪里错误还是你的速度卡的问题？
你设置了透明度的吧，鼠标上去后能看到指针。 红影 发表于 2022-2-11 21:35
你设置了透明度的吧，鼠标上去后能看到指针。
我自己没有设置的，那是黑黑设置的吧，我只是改了一下颜色 看看这个源码要吗@来看你 怎么没有出来@来看你 小辣椒 发表于 2022-2-11 21:48
怎么没有出来@来看你
来了，源码要哒 小辣椒 发表于 2022-2-11 21:48
怎么没有出来@来看你
想要那个按钮的源码
辣辣还要告诉我定位的数字在哪 {:4_185:} 来看你 发表于 2022-2-11 21:49
来了，源码要哒
好的，我发出来 一起学习 小辣椒 发表于 2022-2-11 21:50
好的，我发出来
就要那个圆圈圈的，不要这个帖子那么大
就就就那个会转的圆圈圈 看看~~~你就复制，替换音乐链接 换个图片（尺寸要修改一下你自己的）换滚动字文字 OK了 来看你 发表于 2022-2-11 21:52
就要那个圆圈圈的，不要这个帖子那么大
就就就那个会转的圆圈圈
那你这个圆圈直接发一首歌？