原来你只是一个过客 TO ：冬天的雨
<style>
#papa { position: relative; width: 1276px; height: 703px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2024/08/22/IF.jpg');
box-shadow: 2px 2px 6px #000; z-index: 1; margin: 140px 0 20px calc(50% - 721px); 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: 70px; bottom: 14%; --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;left: 90px; top:20%;writing-mode: vertical-rl;z-index:99;color:transparent;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;}
.lrcShow::before{writing-mode: vertical-rl;position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(240,100%,60%),hsl(240,100%,60%),hsl(240,100%,60%),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%;}}
@keyframes bgMove0 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
@keyframes bgMove1 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
</style>
<div id="papa" style="--state: running;">
<img id="Player" src="https://wj1.zp68.com:812/lxx/yunhua/2023/10/25/ann.png" alt="" title="暂停">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/08/22/IF.gif" alt="" style="left: 0px; top: 0px; ">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/08/22/lzpng.gif" alt="" style="left: 580px; top: 50px;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xx.jpg" alt="" style="left: 350px; top: 120px;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xx.jpg" alt="" style="left: 850px; top: 200px;">
<div class="lrcShow" data-lrc="原来你只是一个过客" style="--aniPlayState: running; --aniName: bgMove1; --durTime: 4.96s;">原来你只是一个过客</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://s2.ananas.chaoxing.com/sv-w7/audio/26/de/b2/ae9df2fdc62c2745fd55c34353efe47a/audio.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> @走过岁月
用了2个你的粒子效果，一个场景效果，谢谢岁月的精彩分享{:4_179:} @冬天的雨
冬雨喜欢美臀，小辣椒就做了送你，现在是一下子出现2个了{:4_170:} 来看看师傅的过客。。。{:5_116:} 东篱闲人 发表于 2024-8-22 20:00
来看看师傅的过客。。。
哈哈~~~是玩走过岁月的美臀效果{:4_189:} 欣赏佳作，谢谢分享！ 彩云归 发表于 2024-8-22 20:31
欣赏佳作，谢谢分享！
问好老师~~~谢谢彩云归老师欣赏{:4_187:} 我的礼物{:4_205:} 小辣椒就贴心，一下子出现2个美臀{:4_170:} 小辣椒岁月的小跟班，居然都晓得冬雨的喜好，嘿嘿，二个坏人
@走过岁月 @小辣椒 冬雨纯欣赏，期待岁月好作品不断！ 这个厉害了，把岁月那个彩色粒子和那个圆环效果都用上了呢。
非常奇妙的效果。欣赏亲爱的好帖。冬小雨收礼开心{:4_199:} 歌词颜色设置也漂亮，和彩色粒子十分匹配。
右下的频谱也漂亮。亲爱的脑筋灵活{:4_187:} 红影 发表于 2024-8-22 20:51
这个厉害了，把岁月那个彩色粒子和那个圆环效果都用上了呢。
非常奇妙的效果。欣赏亲爱的好帖。冬小雨收礼 ...
美女一起开心，我的礼物也是你的{:4_170:} 小辣椒 发表于 2024-8-22 19:30
@走过岁月
用了2个你的粒子效果，一个场景效果，谢谢岁月的精彩分享
来了{:4_179:} 加的效果不错，环环相扣 小辣椒越来越厉害，制作很棒 继续表扬 冬天的雨 发表于 2024-8-22 20:56
美女一起开心，我的礼物也是你的
那怎么行，小辣椒特地送你的啊{:4_187:} 也来欣赏{:4_173:}