论坛 › 祝福礼堂 › 祝福猫猫生日快乐！

小辣椒 发表于 2024-7-13 12:21

祝福猫猫生日快乐！

<style>
    #papa { position: relative; width: 1284px; height: 756px; background: #000 url('https://xlaj.cn/assets/file/zp/20240627020506.jpg');
      box-shadow: 4px 4px 10px #000; z-index: 1; margin: 100px 0 48px calc(50% - 723px);overflow:hidden; border-radius:32px;}
    #Player { position: absolute; cursor: pointer; transition: 1.2s; animation: rot 8s linear infinite var(--state); z-index:10;}
    #Player:nth-of-type(1) { left: 125px; top: 600px; --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;}

      .lrcShow{font:normal 32px sans-serif;position:absolute;top:50px;left:30%;color:transparent;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;z-index:999;}
      .lrcShow::before{position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;background-image:linear-gradient(45deg,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,90%));-webkit-background-clip:text;overflow:hidden;white-space:nowrap;animation:var(--aniName) var(--durTime) linear forwards;animation-play-state:var(--aniPlayState);}
      @keyframes bgMove1{from{width:0;}to{width:100%;}}
      @keyframes bgMove0{from{width:0;}to{width:100%;}}      
</style>
<div id="papa">
   
    <img id="Player" src="https://xlaj.cn/assets/file/zp/20240627020733.png" alt="">
   
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20230901205842.gif" alt="" style="left: 0px; top: 0px; ">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20240627020656.png " alt="" style="left: 0px; top: 670px;">
      <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt="" style="left: 1000px; top: 140px;">
      <img class="dancer" src="https://xlaj.cn/assets/file/zp/20240627020815.gif " alt="" style=" left: 320px; top: 630px; ">
      <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style="left: 200px; top: 80px;">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20240627020614.png" alt="" style="left: 500px; top: 170px;">
      <img class="dancer" src="https://vvlk.oss-cn-hangzhou.aliyuncs.com/0002.gif" alt="" style="left: 350px; top: 370px;">
      <div class="lrcShow" data-lrc="猫猫生日快乐">猫猫生日快乐</div>

</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,{}))
//-----------------------------------------------------------------
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;}('t y=7(){w 4.T.1d(4,1f)};y.1r={1i:y,T:7(C){x=C.A.J(/(^\\s*)|(\\s*$)/g,\'\');4.8=O.1k(\'.1l\');4.e=4.Q(x);4.P(C.1g)},Q:7(x){t p=x.J(/(^\\s*)|(\\s*$)/g,"").V(/\\r|\\n|\\r\\n/);t 9=1p 1q();F(M l=0;l<p.j;l++){M v=p.1m(/\\[\\d{1,2}:\\d{2}.\\d{1,3}\\]|\\[\\d{1,2}:\\d{2}\\]/g);i(v){H=p.1n(\']\');i(H>0)A=p.U(H+1);F(m=0;m<v.j;m++){L=v.U(1).J(\']\',\'\').V(/:/);B=(+L)*1e+(+L);i(9.j==0&&B!=0){9.S({f:0,G:\'\\1a\\R\\R\\1K\\1L\\1J\\1F\'})}9.S({f:+B.D(2),G:A})}}}9.1H(7(a,b){w(a.f-b.f)});F(k=0;k<9.j-1;k++){9.K=+(9.f-9.f).D(2)}10.Z(9);w 9},X:7(E){4.8.1G=4.8.1M.1v=4.e.G;4.8.o.u(\'--1w\',\'1x\'+(4.c%2));4.8.o.u(\'--E\',E+\'s\');4.8.o.u(\'--I\',\'11\');4.c++},P:7(N){4.6=O.1u("12");4.6.1y=z;4.6.1C=z;4.6.1D=1E;4.6.1z=N;4.8.1B(4.6);t 5=4;t 1b=0;4.c=0;4.6.h(\'1A\',7(){5.c=0;4.q()});4.6.h(\'1t\',7(){5.e.K=+(4.1s-5.e.f).D(2);});4.6.h(\'q\',7(){5.8.o.u(\'--I\',\'11\')});4.6.h(\'13\',7(){i(5.c==1&&4.W<1){5.6.q();w z}5.8.o.u(\'--I\',\'Y\')});4.6.h(\'1I\',7(){10.Z("12 1c, 19 q 15 14");5.8.o.17=\'16\';5.8.18(4)});4.6.h(\'1o\',7(){i(5.c<5.e.j){i(4.W>=5.e.f){5.X(5.e.K)}}});4.8.h(\'1h\',7(){i(5.6.Y){5.6.q()}1j{5.6.13()}})}}',62,111,'||||this|that|mObj|function|lrcShowObj|lrcs|||idx||lrcVec|seconds||addEventListener|if|length||index|||style|parts|play|||var|setProperty|chkTime|return|lyricTxt|lrcPlayerY|false|lrcTxt|_0|opts|toFixed|durTime|for|words|tIdx|aniPlayState|replace|dur|ta|let|mUrl|document|genPlayer|handleLrc|u0020|push|init|substr|split|currentTime|showLrc|paused|log|console|running|audio|pause|event|start|none|display|removeChild|remove|u00A9|turn|wrong|apply|60|arguments|audioURL|click|constructor|else|querySelector|lrcShow|match|lastIndexOf|timeupdate|new|Array|prototype|duration|canplay|createElement|lrc|aniName|bgMove|loop|src|ended|appendChild|muted|autoplay|true|u8f7b|innerHTML|sort|error|u5e74|u4e5f|u66fe|dataset'.split('|'),0,{}))

let lrctxt = `
      TO：大猫咪
开心快乐幸福永远
是我爱死了昨天
誓言割碎你的脸
一切都回不到那些从前
美好的画面
是我爱死了昨天
看你虚伪的吊唁
才知道我离你有多远
睁开眼却看不见
谁在我身边
撕开痛苦慢慢发现
你已经走远
哭和笑都有极限
没了更危险
泪尝多了反而很甜
死心比欺骗更简练
是我爱死了昨天
誓言割碎你的脸
一切都回不到那些从前
美好的画面
是我爱死了昨天
看你虚伪的吊唁
才知道我离你有多远
祝猫猫生日快乐！
哭和笑都有极限
没了更危险
泪尝多了反而很甜
死心比欺骗更简练
是我爱死了昨天
誓言割碎你的脸
一切都回不到那些从前
美好的画面
是我爱死了昨天
看你虚伪的吊唁
才知道我离你有多远
是我爱死了昨天
誓言割碎你的脸
一切都回不到那些从前
美好的画面
是我爱死了昨天
看你虚伪的吊唁
才知道我离你有多远
和我死去的爱说再见

`;
                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://xlaj.cn/assets/file/zp/20240713180929.mp3"
      }
      let yP = new lrcPlayerY(opts);
//-----------------------------------------------------------------------------------------------------//
      var dancers = document.querySelectorAll('.dancer');
    var mState = () => {
      papa.style.setProperty('--state', yP.mObj.paused ? 'paused' : 'running');
      Player.title = yP.mObj.paused ? '播放' : '暂停';
                dancers.forEach(dancer => yP.mObj.paused ? dancer.stop() : dancer.play());
    };
      Player.onclick = () => {
                yP.mObj.paused ? (yP.mObj.play()) :
                                                      (yP.mObj.pause());
      }
    yP.mObj.onplaying = yP.mObj.onpause = () => mState();
   
</script>

小辣椒 发表于 2024-7-13 12:23

爱死了昨天，但更加爱今天 明天 爱我们的永远！祝猫猫生日快乐{:4_179:}

小辣椒 发表于 2024-7-13 12:25

梁思琪的声线非常好，最近特别喜欢，听了好几首了，都喜欢{:4_173:}

小辣椒 发表于 2024-7-13 12:27

猫猫小辣椒最近没有怎么做漂亮黑黑代码的作业了，这个帖是我前面学习过的新效果，当贺礼了

小辣椒 发表于 2024-7-13 12:28

祝猫咪生日快乐！吃嘛嘛香，身体倍儿棒！{:4_179:}

小辣椒 发表于 2024-7-13 12:28

今天暂时不回帖，先下了休息一下再上来

走过岁月 发表于 2024-7-13 13:11

借小辣椒美帖祝大猫兄生日快乐！

红影 发表于 2024-7-13 13:54

这个频谱效果特别漂亮，整个画面的布置也很得当。
欣赏亲爱的好帖，同祝猫猫生日快乐{:4_177:}

梦油 发表于 2024-7-13 14:02

小辣椒朋友下午好！很高兴和小辣椒朋友一起祝福大猫咪生日快乐！

大猫咪 发表于 2024-7-13 15:02

哇辣椒这制作真棒！温馨浪漫，真漂亮！{:4_187:}{:4_204:}
再多的文字，都无法表述我收到您祝福的激动之心。感谢辣椒诚挚的祝福，感谢辣椒一直的关心照顾和帮助
愿所有的幸福都围绕着你，天天开心，幸福永远!
{:4_187:}{:4_191:}{:4_178:}{:4_177:}{:4_199:}{:4_199:}

竹溪 发表于 2024-7-13 15:03

大猫咪 发表于 2024-7-13 15:02
哇辣椒这制作真棒！温馨浪漫，真漂亮！
再多的文字，都无法表述我收到您祝福的激动之 ...

生日快乐{:4_204:}

大猫咪 发表于 2024-7-13 15:04

小辣椒 发表于 2024-7-13 12:27
猫猫小辣椒最近没有怎么做漂亮黑黑代码的作业了，这个帖是我前面学习过的新效果，当贺礼了

谢谢辣椒辛苦了注意休息{:4_187:}{:4_204:}

小九 发表于 2024-7-13 15:06

这首歌好好听，虽然是第一次听。祝福猫手端红酒，满脸红光蛋糕，一切好运，爱死了昨天。{:4_189:}{:4_176:}{:4_176:} 干杯干杯

大猫咪 发表于 2024-7-13 15:07

走过岁月 发表于 2024-7-13 13:11
借小辣椒美帖祝大猫兄生日快乐！

谢谢岁月兄弟，看见你真开心 {:5_106:} 好久不见，十分想念！一起开心！

‘来走2个{:4_191:}{:4_176:}话在酒中，，

祝兄弟健康快乐开心，事事如意！一切安好！
{:4_179:}{:4_204:}{:4_178:}{:4_199:}{:4_177:}

大猫咪 发表于 2024-7-13 15:08

红影 发表于 2024-7-13 13:54
这个频谱效果特别跑了，整个画面的布置也很得当。
欣赏亲爱的好帖，同祝猫猫生日快乐

谢谢红影   一起欣赏辣椒美贴   {:5_106:}{:4_204:}{:4_180:}

大猫咪 发表于 2024-7-13 15:09

梦油 发表于 2024-7-13 14:02
小辣椒朋友下午好！很高兴和小辣椒朋友一起祝福大猫咪生日快乐！

谢谢梦兄{:4_179:}

大猫咪 发表于 2024-7-13 15:14

竹溪 发表于 2024-7-13 15:03
生日快乐

谢谢竹溪朋友，一起开心！
祝朋友一切尽意，百事从欢。

{:4_204:}{:4_180:}{:4_199:}{:4_177:}{:5_151:}

冬天的雨 发表于 2024-7-13 15:25

漂亮的频谱，特别炫酷{:4_199:}

冬天的雨 发表于 2024-7-13 15:25

猫咪生日快乐

冬天的雨 发表于 2024-7-13 15:26

大猫咪 发表于 2024-7-13 15:02
哇辣椒这制作真棒！温馨浪漫，真漂亮！
再多的文字，都无法表述我收到您祝福的激动之 ...

猫猫干杯{:4_176:}{:4_176:}

查看完整版本: 祝福猫猫生日快乐！