加林森 发表于 2022-1-12 19:42

本帖最后由 加林森 于 2022-2-7 15:10 编辑 <br /><br />红影 发表于 2022-1-12 19:08
这个不用传，80网盘里本来就有，我的答谢帖子就用的这个。
本来想用与非门的《我睡在你眼睛的沙漠里》，喜 ...
嗯嗯，谢谢红影帮助啊！{:4_187:}

<style type="text/css">
.paBox { /* 父框 */
      margin: 10px auto;
      width: 1024px;
      height: 640px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/6200c0882ab3f51d91b6e260.jpg') no-repeat;
      left: -210px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
      content: "";
      position: absolute;
      width: 600px; height: 2px;
      background: silver;
      left: 160px; top: 230px;
      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); } }
/*旋转按钮*/
.roBox32 {
      margin: 10px;
      position: relative;
      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;
}
.roBox32:hover { opacity: 0.8; }
.roBox32:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>

<div class="paBox">
      <div class="soBox"></div>
      <p style="position: absolute; left:300px; top:500px; color: #fff;"><marqueescrollamount="3" direction="left" >《如果来生还是今世的重复》</marquee></p>
      <!-- 按钮 -->
      <div id="roBox" class="roBox32" style="left:10%;top:88%;">●</div>
</div>

<audio id="ymusic" src="https://www.joy127.com/url/88557.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>

红影 发表于 2022-1-12 20:34

加林森 发表于 2022-1-12 19:42
嗯嗯，谢谢红影帮助啊！

这个不用谢啊，那里的资源本来就很多{:4_173:}

马黑黑 发表于 2022-1-12 20:37

加林森 发表于 2022-1-12 18:25
嗯嗯

你那小辣椒的控制语句去控制大名鼎鼎的网易云音乐播放界面，也够厉害的

马黑黑 发表于 2022-1-12 20:39

加林森 发表于 2022-1-12 18:21
是的啊

网易云的播放器不能这样控制的

马黑黑 发表于 2022-1-12 20:39

加林森 发表于 2022-1-12 18:20
我会这样啊？晕。

{:5_106:}

加林森 发表于 2022-1-12 20:56

马黑黑 发表于 2022-1-12 20:39


再教教我啊！{:5_161:}

加林森 发表于 2022-1-12 20:59

马黑黑 发表于 2022-1-12 20:37
你那小辣椒的控制语句去控制大名鼎鼎的网易云音乐播放界面，也够厉害的

{:5_117:}

加林森 发表于 2022-1-12 21:01

红影 发表于 2022-1-12 20:34
这个不用谢啊，那里的资源本来就很多

是的是的。

红影 发表于 2022-1-12 21:33

加林森 发表于 2022-1-12 21:01
是的是的。

不过号线共进退出了点问题，应该明天就好了。

马黑黑 发表于 2022-1-12 21:39

加林森 发表于 2022-1-12 20:56
再教教我啊！

这个麻烦的，JS，你懂得

熊二 发表于 2022-1-12 21:49

经典   制作真棒，好听，好看    谢谢队长好分享，真棒！

{:4_204:}{:4_199:}

加林森 发表于 2022-1-12 22:00

马黑黑 发表于 2022-1-12 21:39
这个麻烦的，JS，你懂得

明白的

加林森 发表于 2022-1-12 22:01

熊二 发表于 2022-1-12 21:49
经典   制作真棒，好听，好看    谢谢队长好分享，真棒！

乖猫，谢谢支持！{:4_190:}

熊二 发表于 2022-1-12 22:02

加林森 发表于 2022-1-12 22:01
乖猫，谢谢支持！

不客气啊   队长音乐猫都喜欢{:4_179:}

加林森 发表于 2022-1-12 22:08

熊二 发表于 2022-1-12 22:02
不客气啊   队长音乐猫都喜欢

嗯嗯，明白的。{:4_179:}

马黑黑 发表于 2022-1-12 22:29

加林森 发表于 2022-1-12 22:00
明白的

而且是跨域的，不好对付。有人做过，我看了一下思路，很繁琐的

加林森 发表于 2022-1-12 22:54

马黑黑 发表于 2022-1-12 22:29
而且是跨域的，不好对付。有人做过，我看了一下思路，很繁琐的
没事，我们一起研究吧。

马黑黑 发表于 2022-1-12 22:55

加林森 发表于 2022-1-12 22:54
没事，我们一起已经吧。

{:4_181:}

加林森 发表于 2022-1-12 22:57

马黑黑 发表于 2022-1-12 22:55


{:4_191:}
页: 1 [2]
查看完整版本: 与非门乐队 - 梦蝶 送大家聆听！