小辣椒 发表于 2024-9-16 14:59

祝朋友们中秋节快乐！


<style>
    #papa { position: relative; width: 1592px; height: 741px; background: #000 url('https://xlaj.cn/upfile/202409/13/01.jpg');box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 878px);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: 100px; height: 100px; left: 48%; top: 500px; --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;bottom: 40px; left:40%;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(240,100%,50%),hsl(240,100%,50%),hsl(240,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/202409/13/yueb.png " alt="">
   
    <img class="dancer" src="https://xlaj.cn/upfile/202409/13/01.gif" alt="" style="left: 0px; top: 0px;width:99.8%;">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt=""style="width: 32px; height: 32px; left: 210px; top: 150px;">      
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt=""style="width: 32px; height: 32px; left: 120px; top: 170px;">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt=""style="width: 32px; height: 32px; left: 1140px; top: 100px;">
      
      <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 = `
       祝花潮论坛的朋友们中秋节快乐！
花好月圆夜(国语)
歌手：杨千嬅 / 任贤齐
作词 : 任贤齐
作曲 : 任贤齐
编曲 : 伍乐城   
春风吹呀吹
吹入我心扉
想念你的心
呯呯跳不能入睡
为何你呀你
不懂落花的有意
只能望着窗外的明月
月儿高高挂
弯弯的像你的眉
想念你的心
只许前进不许退
我说你呀你
可知流水非无情
载你飘向天上的宫阙
就在这花好月圆夜
两心相爱心相悦
在这花好月圆夜
有情人儿成双对
我说你呀你
这世上还有谁
能与你鸳鸯戏水
比翼双双飞
。。。。。。
月儿高高挂
弯弯的像你的眉
想念你的心
只许前进不许退
我说你呀你
可知流水非无情
载你飘向天上的宫阙
就在这花好月圆夜
两心相爱心相悦
在这花好月圆夜
有情人儿成双对
我说你呀你
这世上还有谁
能与你鸳鸯戏水
比翼双双飞。。。
明月几时有
明月几时有
把酒问青天
把酒问青天
不知天上
宫阙 今夕是何年
就在这花好月圆夜
两心相爱心相悦
在这花好月圆夜
有情人儿成双对
我说你呀你
这世上还有谁
能与你鸳鸯戏水
比翼双双飞
祝中秋节快乐！

`;
                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://wj1.zp68.com:812/lxx/yunhua/20210918/01.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-9-16 15:00

花潮论坛的朋友们中秋节快乐！{:4_205:}

马黑黑 发表于 2024-9-16 15:03

感谢领导

梦油 发表于 2024-9-16 15:03

谢谢小辣椒朋友的美好祝福。

小辣椒 发表于 2024-9-16 15:07

马黑黑 发表于 2024-9-16 15:03
感谢领导

{:4_201:}

小辣椒 发表于 2024-9-16 15:07

梦油 发表于 2024-9-16 15:03
谢谢小辣椒朋友的美好祝福。

谢谢梦油欣赏，中秋节快乐！

起个网名好难 发表于 2024-9-16 15:44

https://5b0988e595225.cdn.sohucs.com/images/20190911/75e3c22321334b5e93de845e141a0f47.gif

小辣椒 发表于 2024-9-16 16:04

起个网名好难 发表于 2024-9-16 15:44


问好难难，中秋节快乐！{:4_187:}

梦油 发表于 2024-9-16 17:05

小辣椒 发表于 2024-9-16 15:07
谢谢梦油欣赏，中秋节快乐！

小辣椒朋友吃月饼了吗？啥馅的？

梦江南 发表于 2024-9-16 17:24

https://www.yiyuen.com/e/file/view/664351

马黑黑 发表于 2024-9-16 18:34

小辣椒 发表于 2024-9-16 15:07


领导辛苦

醉美水芙蓉 发表于 2024-9-16 18:35

红影 发表于 2024-9-16 19:13

漂亮的制作，弄了这么多有特色的素材呢。
欣赏亲爱的好帖，同祝大家中秋节快乐{:4_199:}

樵歌 发表于 2024-9-16 20:56

樵哥哥真的佩服小辣椒做的图图，有动画神仙飞天，有小鸟欢快跳跃，有月下花儿开放。选 的歌儿也特别好！多么生动和谐喜庆团圆的气氛！{:4_178:}{:4_174:}

冬天的雨 发表于 2024-9-17 09:56

中秋节快乐{:4_179:}

冬天的雨 发表于 2024-9-17 10:00

今年中秋节冬雨不做帖了，借小辣椒帖祝福论坛朋友们中秋节快乐{:4_177:}

小辣椒 发表于 2024-9-18 20:03

梦油 发表于 2024-9-16 17:05
小辣椒朋友吃月饼了吗？啥馅的？

梦油晚上好，吃月饼的，好像是素月饼，蛮好吃的，家里其他月饼还没有动过的，慢慢吃了，今年还比较多的

小辣椒 发表于 2024-9-18 20:04

梦江南 发表于 2024-9-16 17:24


问好梦江南，中秋节过完了，明年继续了{:4_189:}

小辣椒 发表于 2024-9-18 20:04

马黑黑 发表于 2024-9-16 18:34
领导辛苦

黑黑晚上好{:4_187:}

小辣椒 发表于 2024-9-18 20:05

醉美水芙蓉 发表于 2024-9-16 18:35
祝小辣椒中秋节快乐！

谢谢水芙蓉，中秋节过完了，明年继续{:4_205:}
页: [1] 2 3
查看完整版本: 祝朋友们中秋节快乐！