小辣椒 发表于 2025-1-27 20:34

帖赠东篱闲人 贺生日快乐!


<style>
    #papa { position: relative; width: 1278px; height: 699px; background: #000 url('https://cccimg.com/view.php/bcf0c27c03c43f3b1748de1970f4acff.jpg');
      box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 720px);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) {width: 80px; height: 80px; left: 85%; bottom: 15%; --deg: 1turn; }
    #Player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #ea9882); --state: paused; }
    @keyframes rot { to { transform: rotate(var(--deg)); } }
      .dancer      { position: absolute; cursor: pointer;z-index:1;}

      .lrcShow{font:normal 28px sans-serif;position:absolute;top:75%;left: 27%;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;color:Black;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(120,100%,50%),hsl(120,100%,50%),hsl(120,100%,50%),hsl(0,100%,50%));-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/upfile/2025/01/04/n7.png" alt="" title="暂停">
    <img class="dancer" src="https://cccimg.com/view.php/6b2b92241a6545b96f9bd1ea21010df8.gif" alt="" style="left: 0px; top: 0px; ">
   <img class="dancer" src="https://cccimg.com/view.php/eecf5b6df88bb960f3ce20422591f0e1.gif " alt="" style="left: 750px; top: 400px;">   
   <img class="dancer" src="https://cccimg.com/view.php/bf93ca956c3ecfbe86190957a7fa3681.png" alt="" style="left: 1058px; top: 591px;">
   <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg " alt="" style="left: 660px; top: 60px;">

      <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 = `
      祝东篱闲人生日快乐!
今天送上一副养生图
每天练练太极拳太极剑
锻炼锻炼身体
一定能够活到200岁
送上一首平远演奏的
苏堤春晓
这曲子是东方流韵中的神曲
多听可以延年益寿
现在老头最好的养生方式就是
如图上的老人一样
打拳听养生音乐
在家里练练毛笔字
这种幸福生活小辣椒太羡慕的
老头好好享受
最后小辣椒衷心祝福
老头身体健康
幸福安康
永远年轻长生不老!
祝老头生日快乐!
祝老头生日快乐!
祝老头生日快乐!
`;
                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://cccimg.com/view.php/352c5a9c2442a59e1b18f938d582f3da.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>

小辣椒 发表于 2025-1-27 20:35

老头生日快乐!越活越年轻,越活越帅气{:4_205:}

@东篱闲人

梦油 发表于 2025-1-27 21:11

小辣椒朋友制作的贺帖太棒了!祝东篱闲人朋友潇洒一生,快乐一生。

起个网名好难 发表于 2025-1-27 21:14

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

红影 发表于 2025-1-27 21:20

亲爱的把东篱大哥弄到仙境里去了呢,这制作漂亮{:4_187:}

红影 发表于 2025-1-27 21:21

仙境里山水悠然,有美丽的飞鸟,还有那么多练剑的人呢{:4_187:}

樵歌 发表于 2025-1-27 21:27

好漂亮的的人间仙境!听如此舒缓美妙的音乐,跟个神仙一样{:4_206:}

樵歌 发表于 2025-1-27 21:29

小辣椒 发表于 2025-1-27 20:35
老头生日快乐!越活越年轻,越活越帅气

@东篱闲人

我在另一个坛里通过站内短信通知他了,看样纸有好久他也没去那坛了。

庶民 发表于 2025-1-28 07:56

老头很悠闲的,

小辣椒 发表于 2025-1-28 13:36

梦油 发表于 2025-1-27 21:11
小辣椒朋友制作的贺帖太棒了!祝东篱闲人朋友潇洒一生,快乐一生。

谢谢梦油,一起祝福老头生日快乐~~{:4_177:}

小辣椒 发表于 2025-1-28 13:36

起个网名好难 发表于 2025-1-27 21:14


谢谢难难欣赏,一起贺老头生日快乐!

小辣椒 发表于 2025-1-28 13:37

红影 发表于 2025-1-27 21:20
亲爱的把东篱大哥弄到仙境里去了呢,这制作漂亮

哈哈,加给动感效果,给老头祝寿{:4_170:}

小辣椒 发表于 2025-1-28 13:38

红影 发表于 2025-1-27 21:21
仙境里山水悠然,有美丽的飞鸟,还有那么多练剑的人呢

仙境美如画,养生好地方

小辣椒 发表于 2025-1-28 13:39

樵歌 发表于 2025-1-27 21:27
好漂亮的的人间仙境!听如此舒缓美妙的音乐,跟个神仙一样

哈哈,瞧哥哥养生好地方

小辣椒 发表于 2025-1-28 13:40

樵歌 发表于 2025-1-27 21:29
我在另一个坛里通过站内短信通知他了,看样纸有好久他也没去那坛了。

会不会过年了他家里特别忙了

小辣椒 发表于 2025-1-28 13:41

庶民 发表于 2025-1-28 07:56
老头很悠闲的,

问好庶民,祝新年快乐!

好开心 发表于 2025-1-28 14:16

一起祝福老头生日快乐

庶民 发表于 2025-1-28 15:27

小辣椒 发表于 2025-1-28 13:41
问好庶民,祝新年快乐!

恣意玩,愉悦度春秋。

梦油 发表于 2025-1-28 16:30

小辣椒 发表于 2025-1-28 13:36
谢谢梦油,一起祝福老头生日快乐~~

你制作的安乐椅真好。

红影 发表于 2025-1-28 22:38

小辣椒 发表于 2025-1-28 13:38
仙境美如画,养生好地方

是啊,真的是好地方呢{:4_187:}
页: [1] 2 3
查看完整版本: 帖赠东篱闲人 贺生日快乐!