单簧管演奏----只有你记得
本帖最后由 宁静 于 2023-2-24 00:15 编辑 <br /><br /><style type="text/css">.mnBox {
margin: auto;
margin-top: 150px;
position: relative;
background: #000 url('https://wj.zp68.com/lxx/yunhua/2022/07/10/zyjdnj.gif') no-repeat center/cover;
height: 650px;
width: 1210px;
left: -180px;
border: 1px solid;
box-shadow: 4px 4px 8px #000;
}
/* 旋转按钮*/
.btn-ro {
position: absolute;
left: 1080px;
top: 380px;
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;
}
.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div id="mnBox" class="mnBox">
<div style="color:#CCCCCC;margin:0px;padding:10px;font-size:5px;font-family:'微软雅黑';text-shadow:1px 1px 1px #000;">
<p style="position: absolute;width: 500px; left:450px; top:550px; color: #CCCCCC;"><marqueescrollamount="3" direction="left" ><font face="微软雅黑" size="4">一首怡人心脾的单簧管演奏。。。。好像那时全世界只有你记得 我也曾拥有过最美的烟火 你给过的每一份炙热 曾经最温柔的爱</font></marquee></p>
</div>
<div id="btn-ro" class="btn-ro">●</div>
</div>
<audio id="ymusic" src="https://wj.zp68.com/lxx/yunhua/2022/07/10/zyjd.mp3" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
//按钮放后面
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>
<br><br><br><br><br> 沙发坐上欣赏 单簧管应该也称黑管 谢谢宁静的分享！{:10_402:} 听完，很投入的演奏{:9022:} 背景是加的粒子效果，人物加的很自然，赞{:10_403:} 我倒是觉得这曲子晚上临睡前非常的好，哈哈哈 那一闪一闪的就是粒子效果吗？好看{:10_402:} 沉默 发表于 2022-7-18 20:19
单簧管应该也称黑管
单簧管其实就是黑管，很好听的。
这个可以当舞曲跳舞哦，节奏感不错！{:9001:}