小辣椒 发表于 2024-6-2 22:54

拉萨夜雨 - 苏勒亚其其格

<style>
    #papa { margin: 120px 0 0 calc(50% - 500px);position: relative; width: 990px; height: 510px; background: #000 url(' '); box-shadow: 1px px 3px #000; z-index: 1; }
    .player { position: absolute; cursor: pointer; transition: 1.2s; animation: rot 8s linear infinite var(--state); z-index:10;}
    .player:nth-of-type(1) { left: 620px; top:397px; --deg: 1turn; }
    .player:nth-of-type(2) { right: 100px; top: 250px; --deg: -1turn; }
    .player:nth-of-type(3) { left: 300px; top: 50px; --deg: 1turn; }
    .player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #000); --state: paused; }
    @keyframes rot { to { transform: rotate(var(--deg)); } }
      .dancer      { position: absolute; cursor: pointer;z-index:1;}
</style>

<div id="papa">
    <audio id="aud" src="https://s2.ananas.chaoxing.com/sv-w7/audio/78/02/74/c69aa21252159e65823d30b723f27233/audio.mp3" autoplay loop></audio>
    <img class="player" src="https://xlaj.cn/assets/file/zp/20240602151501.png " alt="" />
    <!--img class="player" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" />
    <img class="player" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" /-->
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20240602151613.gif" alt="" style="left: 0px; top: 0px; "/>
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg " alt="" style="left: 910px; top: 104px;" />
</div>

<script>
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d=k||e(c);k=}];e=function(){return'\\w+'};c=1;};while(c--)if(k)p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k);return p;}('6(\'d\'n c.a(\'2\')){j.l.q=b(){6(1.7){1.7.h.p(1.7);1.7=o;1.3.i=\'\'}6(1.9){1.8=1.9}};j.l.m=b(){g 2=c.a(\'2\');g 4=1.4,5=1.5;6(4&5){6(!1.9){1.9=1.8}2.4=4;2.5=5;2.3.k=1.3.k;2.3.f=1.3.f;2.d(\'z\').y(1,0,0,4,5);x{1.8=2.A("B/t")}s(e){1.r(\'8\');2.3.w=\'v\';1.h.u(2,1);1.3.i=\'0\';1.7=2}}}}',38,38,'|this|canvas|style|width|height|if|storeCanvas|src|storeUrl|createElement|function|document|getContext||top|var|parentElement|opacity|HTMLImageElement|left|prototype|stop|in|null|removeChild|play|removeAttribute|catch|gif|insertBefore|absolute|position|try|drawImage|2d|toDataURL|image'.split('|'),0,{}))
//-----------------------------------------------------------------------------------------------------//
    var players = document.querySelectorAll('.player');
      var dancers = document.querySelectorAll('.dancer');
    var mState = () => {
      papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
      players.forEach(player => player.title = aud.paused ? '播放' : '暂停');
      dancers.forEach(dancer => aud.paused ? dancer.stop() : dancer.play());
    };
    aud.onplaying = aud.onpause = () => mState();
    players.forEach(player => player.onclick = () => aud.paused ? aud.play() : aud.pause());
</script>

小辣椒 发表于 2024-6-2 22:55

刚才听了 bgmnet 的二个版本 感觉纯音的好听，就同一首了

小辣椒 发表于 2024-8-15 20:20

这个是纯音的{:5_146:}

liumang 发表于 2024-8-16 00:10

小辣椒这个早就同一首了{:5_150:}{:5_150:}
页: [1]
查看完整版本: 拉萨夜雨 - 苏勒亚其其格