梦江南 发表于 2024-10-11 07:33

重阳登高

<style>
    #papa { position: relative; width: 1000px; height: 560px; background: #000 url('https://pic.imgdb.cn/item/6706235ad29ded1a8c6d31be.jpg');
      box-shadow: 4px 4px 10px #000; z-index: 1; margin: 100px 0 48px calc(50% - 581px);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: 150px; height: 150px; left: 80%; bottom: 70%;--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 28px sans-serif;position:absolute;top:80%;left:48%;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(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://pic.imgdb.cn/item/6706305ad29ded1a8c776e36.png" alt="" title="暂停">

<img class="dancer" src="https://wj1.zp68.com:812/lxx/yunhua/2024/07/27/4n.gif" alt=""style="width: 380px; height: 240px; left: 320px;top: 50px;">
   


      <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://music.163.com/song/media/outer/url?id=25731194.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-10-11 07:39

https://pic.imgdb.cn/item/6708658bd29ded1a8c3563e8.gif

起个网名好难 发表于 2024-10-11 08:18

https://p7.itc.cn/q_70/images03/20211014/4f83177b0a274f4a82fb8d6ec736578f.gif

梦江南 发表于 2024-10-11 08:25

起个网名好难 发表于 2024-10-11 08:18


问好老师，重阳节快乐！

愤怒的葡萄 发表于 2024-10-11 08:48

祝坛友节日快乐！~~~

梦江南 发表于 2024-10-11 08:50

愤怒的葡萄 发表于 2024-10-11 08:48
祝坛友节日快乐！~~~

问好葡萄，谢谢支持！早上好！{:4_204:}

梦油 发表于 2024-10-11 09:10

祝花潮论坛的老年朋友健康长寿、幸福快乐！

红影 发表于 2024-10-11 09:32

今天是重阳节正日子呢，借江南好帖，同祝大家重阳快乐{:4_187:}

梦江南 发表于 2024-10-11 09:38

梦油 发表于 2024-10-11 09:10
祝花潮论坛的老年朋友健康长寿、幸福快乐！

谢谢，同祝论坛的老年朋友健康长寿，幸福久久！

梦江南 发表于 2024-10-11 09:40

红影 发表于 2024-10-11 09:32
今天是重阳节正日子呢，借江南好帖，同祝大家重阳快乐

问好影子，今天您准备好了吗？到哪里去登高？{:4_204:}

朵拉 发表于 2024-10-11 09:58

问好梦江南老师，祝您重阳节快乐{:4_204:}{:4_190:}

梦江南 发表于 2024-10-11 10:11

朵拉 发表于 2024-10-11 09:58
问好梦江南老师，祝您重阳节快乐

问好朵拉，谢谢支持，重阳节同乐{:4_204:}

梦油 发表于 2024-10-11 11:01

梦江南 发表于 2024-10-11 09:38
谢谢，同祝论坛的老年朋友健康长寿，幸福久久！

祝梦江南朋友和家人节日快乐！

红影 发表于 2024-10-11 11:09

梦江南 发表于 2024-10-11 09:40
问好影子，今天您准备好了吗？到哪里去登高？

在网上找座山峰，心里登高{:4_173:}

梦江南 发表于 2024-10-11 12:11

梦油 发表于 2024-10-11 11:01
祝梦江南朋友和家人节日快乐！

谢谢，谢谢，与梦油老师同乐。{:4_204:}

梦江南 发表于 2024-10-11 12:12

红影 发表于 2024-10-11 11:09
在网上找座山峰，心里登高

哈哈，阿拉就在花潮网上登高。{:4_173:}

愤怒的葡萄 发表于 2024-10-11 15:22

梦江南 发表于 2024-10-11 08:50
问好葡萄，谢谢支持！早上好！

今天是重阳节啊，我都忘记这个节日了。

梦江南 发表于 2024-10-11 15:23

愤怒的葡萄 发表于 2024-10-11 15:22
今天是重阳节啊，我都忘记这个节日了。

祝您父母重阳节快乐！幸福健康！{:4_204:}

红影 发表于 2024-10-11 16:16

梦江南 发表于 2024-10-11 12:12
哈哈，阿拉就在花潮网上登高。

挺不错，一样体会了节日的氛围{:4_173:}

梦江南 发表于 2024-10-11 17:11

红影 发表于 2024-10-11 16:16
挺不错，一样体会了节日的氛围

哪您心里登了什么 山呢？{:4_173:}
页: [1] 2
查看完整版本: 重阳登高