小辣椒 发表于 2024-7-1 22:11

热烈庆祝中国共产党建党103周年

<meta charset="UTF-8">
<style>
    #papa { margin: 130px 0 30px calc(50% - 801px); position: relative; width: 1440px; height: 805px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2024/07/01/01.jpg '); 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: 650px; top: 550px; --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://wj.zp68.com/lxx/yunhua/2024/07/01/jgs.mp3" autoplay loop></audio>
    <img class="player" src="https://file.uhsea.com/2407/9c8b3ddf3e60c5f963dd90234505cf1bSQ.png" alt="" />
   
    <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/01/01.jpg " alt="" style="left: 0px; top: 0px; width: 1440px; height: 805px;"/>
    <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/01/yhua.gif " alt="" style="left: 400px; top: 70px; width:150px; height: 180px; " />
   <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt="" style="left: 1000px; top: 140px;" />
   <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/01/yhua.gif " alt="" style=" left: 720px; top: 30px; width:150px; height: 180px; " />
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style="left: 200px; top: 80px;" />
    <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/01/yhua.gif " alt=""style="left: 800px; top: 100px;width:150px; height: 180px; " />
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/01/yanhuo.jpg " alt=""style="left: 150px; top: 20px;" />

</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>
<br><br><br><br><br>

小辣椒 发表于 2024-7-1 22:12

热烈庆祝中国共产党建党103周年！

liumang 发表于 2024-7-1 23:03

热烈庆祝中国共产党建党103周年！{:5_128:}{:5_128:}{:5_128:}

liumang 发表于 2024-7-1 23:04

大气磅礴，歌曲也是给力，必须赞！

liumang 发表于 2024-7-1 23:05

{:5_150:}{:5_150:}{:5_150:}
页: [1]
查看完整版本: 热烈庆祝中国共产党建党103周年