论坛 › 『唯美音画』 › 百听不厌.........吻别

宁静 发表于 2023-4-14 22:44

百听不厌.........吻别

<style type="text/css">

.mnBox {
      margin: auto;
      margin-top: 150px;
      position: relative;
      background: #000 url('https://wj.zp68.com/lxx/yunhua/20200312/G6F.gif') no-repeat center/cover;
      height: 645px;
      width: 1275px;
      left: -210px;
      border: 1px solid;
      box-shadow: 0px 0px 0px 2px SkyBlue;
}


@keyframes rain {
      0% { opacity:0.5; }
      100% { opacity:0.5; top:40%;}

}
/* 旋转按钮*/
.btn-ro {
      position: absolute;
      left: 566px;
      top: 389px;
      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:#007880;margin:0px;padding:2px;font-size:5px;font-family:'微软雅黑';text-shadow:1px 1px 1px #222;">
                <p style="position: absolute; left:600px; top:580px; color: #007880;"><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/20200312/wenb.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>

沉默 发表于 2023-4-14 22:56

第一个冲进来

沉默 发表于 2023-4-14 22:56

这个图中的美女不漂亮

沉默 发表于 2023-4-14 22:57

感觉哭比她笑都漂亮{:9001:}

沉默 发表于 2023-4-14 22:59

完成任务

浅笑 发表于 2023-4-14 23:01

沉默 发表于 2023-4-14 22:56
第一个冲进来

我第二个冲进来{:9005:}

宁静 发表于 2023-4-14 23:01

沉默 发表于 2023-4-14 22:56
第一个冲进来

你速度的

宁静 发表于 2023-4-14 23:02

沉默 发表于 2023-4-14 22:56
这个图中的美女不漂亮

晓得你喜欢美女

浅笑 发表于 2023-4-14 23:02

喜欢的歌，宁静周末快乐

宁静 发表于 2023-4-14 23:02

沉默 发表于 2023-4-14 22:57
感觉哭比她笑都漂亮

瞎说你{:9016:}

查看完整版本: 百听不厌.........吻别