论坛 › 动画音画 › 雨水

起个网名好难 发表于 2023-2-19 12:27

雨水

本帖最后由 起个网名好难 于 2023-2-20 17:33 编辑 <br /><br /><style>
.lrcShow{font:bold 3em 楷体;position:absolute;top:100px;left:20%;color:white;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;}.lrcShow::before{position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;color:darkred;background-image:linear-gradient(60deg,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%;}}        #picHold div        {width:600px;height:957px;margin-bottom:4px;background-color:skyblue;float:left;}
        #picHold        {width:10800px;960px;position:absolute;animation:shiftL 60s infinite alternate;}
        #oBlk        {width:600px;height:960px;display:grid;place-items:center;overflow:hidden;border-radius:24px;box-shadow:3px 3px 7px black;position:relative;margin:12px auto;        }
       
        @keyframes shiftL        {0%, 5%        {left:0px;}        6%,11%        {left:-600px;}12%,17%        {left:-1200px;}        18%,23%        {left:-1800px;}        24%,29%        {left:-2400px;}        30%,35%        {left:-3000px;}        36%,41%        {left:-3600px;}        42%,47%        {left:-4200px;}        48%,53%        {left:-4800px;}        54%,59%        {left:-5400px;}
                60%,65%        {left:-6000px;}        66%,71%        {left:-6600px;}        72%,77%        {left:-7200px;}        78%,83%        {left:-7800px;}        84%,89%        {left:-8400px;}        90%,95%        {left:-9000px;}        96%,100%{left:-9600px;}        }
        .lrcShow        {right:5%;top:50px;font-size:36px;color:lightblue;writing-mode: vertical-rl;}
        .lrcShow::before        {writing-mode: vertical-rl;}
        @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='oBlk'>
<div id='picHold'>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/8a5c1bf37228e061.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/7271a261f2a5f032.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/fba436a71f353a1e.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/28ca5985efeaab87.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/0406728747c07bdb.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/5098f0db66a97950.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/72c11c87bd97907e.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/b62d79d492846a6c.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/262071c19a00ceef.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/5be2de6a8a443199.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/a93122dc935a97ab.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/2617d402334f9ceb.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/133a4ab803d071bf.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/4b5eebece56400ed.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/8b12c58b30cdab7c.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/73d4674471b109e7.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/babcaaebab2088bd.jpg) no-repeat center/cover"></div>
<div style="background:url(https://s3.bmp.ovh/imgs/2023/02/19/7c71fbf645abe6f0.jpg) no-repeat center/cover"></div>
</div>
<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;}('l E=8(){x 4.W.1G(4,17)};E.16={1a:E,W:8(w){q=w.F.I(/(^\\s*)|(\\s*$)/g,\'\');U.T(q);4.10=B.1g(w.10);4.7=B.1i(\'.1f\');4.e=4.Y(q);4.O(w.1c)},Y:8(q){l k=q.I(/(^\\s*)|(\\s*$)/g,"").N(/\\r|\\n|\\r\\n/);l t=1d 1j();P(K h=0;h<k.o;h++){K v=k.1e(/\\[\\d{1,2}:\\d{2}.\\d{1,3}\\]|\\[\\d{1,2}:\\d{2}\\]/g);f(v){A=k.1b(\']\');f(A>0)F=k.R(A+1);P(m=0;m<v.o;m++){J=v.R(1).I(\']\',\'\').N(/:/);H=(+J)*1h+(+J);f(t.o==0&&H!=0){t.L({c:0,D:\'\\15\\Q\\Q\\19\\18\\14\\1K\'})}t.L({c:H,D:F})}}}x t.1H(8(a,b){x(a.c-b.c)})},G:8(C){4.7.1A=4.7.1D.1B=4.e.D;4.7.i.p(\'--1E\',\'1F\'+(4.9%2));4.7.i.p(\'--C\',C+\'1C\');4.7.i.p(\'--y\',\'Z\');4.9++},O:8(M){4.6=B.1L("S");4.6.1M=z;4.6.1I=z;4.6.1J=1p;4.6.1o=M;4.7.1r(4.6);l 5=4;l 1q=0;4.9=0;4.6.j(\'1l\',8(){5.9=0;4.u()});4.6.j(\'u\',8(){5.7.i.p(\'--y\',\'Z\')});4.6.j(\'12\',8(){f(5.9==1&&4.V<1){5.6.u();x z}5.7.i.p(\'--y\',\'13\')});4.6.j(\'1k\',8(){U.T("S 1n, 1m u 1x 1w");5.7.i.1z=\'1y\';5.7.1t(4)});4.6.j(\'1s\',8(){f(5.9<5.e.o){f(4.V>=5.e.c){f(5.9<(5.e.o-1)){5.G((5.e.c-5.e.c)*X)}11{5.G((4.1v-5.e.c)*X)}}}});4.7.j(\'1u\',8(){f(5.6.13){5.6.u()}11{5.6.12()}})}}',62,111,'||||this|that|mObj|lrcShowObj|function|idx|||seconds||lrcVec|if||index|style|addEventListener|parts|var|||length|setProperty|lyricTxt|||lrcs|play|chkTime|opts|return|aniPlayState|false|tIdx|document|durTime|words|lrcPlayerY|lrcTxt|showLrc|_0|replace|ta|let|push|mUrl|split|genPlayer|for|u0020|substr|audio|log|console|currentTime|init|950|handleLrc|running|audioCtrl|else|pause|paused|u5e74|u00A9|prototype|arguments|u66fe|u4e5f|constructor|lastIndexOf|audioURL|new|match|lrcShow|getElementById|60|querySelector|Array|error|ended|remove|wrong|src|true|turn|appendChild|timeupdate|removeChild|click|duration|event|start|none|display|innerHTML|lrc|ms|dataset|aniName|bgMove|apply|sort|muted|autoplay|u8f7b|createElement|loop'.split('|'),0,{}))
</script-->

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

var lrctxt = `
作词 : 偏生梓归
作曲 : 殇小谨
编曲：王柏鸿

晨起时，沙沙声，掉落出，一地的露水
落魄人，接几滴，问滋味，喃喃里滚烫眼泪

七九河开，浪荡了雨水
俯仰看，你勾一笔眼眉
我摇心绪，只口是心非
等闲怎敢，率性而为

那时沧海，隐隐怪罪，添几寸尘灰
那时埋名，你在江北，偏我困篱围

二月里，树木催，声声念，总事与愿违
你走后，这人间每一处，竟再无草长莺飞

八九雁来，料峭挂冬尾
俯仰看，你勾一笔眼眉
我在身侧，仍口是心非
斯人不归，怎敢说醉

那时沧海，隐隐怪罪，添几寸尘灰
那时埋名，你在江北，偏我困篱围

二月里，树木催，声声念，总事与愿违
你走后，这人间每一处，竟再无草长莺飞

`;
      
var opts = {
    lrcTxt:lrctxt,
    audioURL:"http://link.hhtjim.com/163/1423985980.mp3",
}
new lrcPlayerY(opts);

</script>

醉美水芙蓉 发表于 2023-2-19 12:37

醉美水芙蓉 发表于 2023-2-19 12:39

起个网名好难 发表于 2023-2-19 12:54

醉美水芙蓉 发表于 2023-2-19 12:37
欣赏老师好作品！

谢谢您的欣赏！

中午好！

马黑黑 发表于 2023-2-19 12:56

美

起个网名好难 发表于 2023-2-19 12:56

醉美水芙蓉 发表于 2023-2-19 12:39
顺便问下，老师你的那个制作酷我同步歌词的程序是不是失效了？昨天我就不能制作了！

可能是程序哪里出了问题，刚才我去酷我找个也是不灵，有时间了看看那里有问题。{:5_102:}

小辣椒 发表于 2023-2-19 12:58

精彩{:4_178:}

鲜花掌声送上

起个网名好难 发表于 2023-2-19 12:58

马黑黑 发表于 2023-2-19 12:56
美

谢谢您的欣赏！

醉美水芙蓉 发表于 2023-2-19 12:59

起个网名好难 发表于 2023-2-19 13:00

小辣椒 发表于 2023-2-19 12:58
精彩

鲜花掌声送上

谢谢您的欣赏！

醉美水芙蓉 发表于 2023-2-19 13:00

红影 发表于 2023-2-19 13:29

古色古香的，非常漂亮的制作。欣赏老师好作品{:4_187:}

起个网名好难 发表于 2023-2-19 13:31

红影 发表于 2023-2-19 13:29
古色古香的，非常漂亮的制作。欣赏老师好作品

谢谢您的欣赏！

起个网名好难 发表于 2023-2-19 13:37

醉美水芙蓉 发表于 2023-2-19 13:00
老师的那个程序很好用，我经常用的！谢谢老师了！

很奇怪，它自己又好了。

估计是免费的网站空间不稳定的缘故吧。

马黑黑 发表于 2023-2-19 14:02

起个网名好难 发表于 2023-2-19 12:58
谢谢您的欣赏！

{:4_191:}

庶民 发表于 2023-2-19 14:16

美术的感人了。

梦缘 发表于 2023-2-19 14:37

精美的帖，欣赏老师的精彩！{:4_185:}

起个网名好难 发表于 2023-2-19 15:42

庶民 发表于 2023-2-19 14:16
美术的感人了。

谢谢您的欣赏！

下午好！

起个网名好难 发表于 2023-2-19 15:42

梦缘 发表于 2023-2-19 14:37
精美的帖，欣赏老师的精彩！

谢谢您的欣赏！

下午好！

起个网名好难 发表于 2023-2-19 15:49

马黑黑 发表于 2023-2-19 14:02


https://img2.baidu.com/it/u=1455932461,689219509&fm=253&fmt=auto&app=138&f=GIF?w=136&h=98

查看完整版本: 雨水