来人间走个过场
本帖最后由 起个网名好难 于 2023-12-20 22:05 编辑 <br /><br /><meta name="referrer" content="never" /><style>
.lrcShow{font:bold 3em 楷体;position:absolute;bottom:10px;height:auto;left:20%;color:lightgray;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;--lrcTxt:'click to play';}
.lrcShow::before{position:absolute;content:var(--lrcTxt);width:0;height:100%;left:0;top:0;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);}
.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%; } }
#outframe {
width:1200px;height:640px;position: relative;box-shadow: 0 0 8px #000;margin: 100px auto 48px -280px;
overflow:hidden;border-radius:24px;background:no-repeat cover/center;background-color:skyblue;
}
</style>
<div id="outframe">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" viewBox="0 0 720 400">
<image xlink:href="https://i0.hdslb.com/bfs/archive/1351693483a5f5543357a067d6ddd22ee484cfca.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp0" attributename="opacity" from='0' to='1' begin="0; ep3.end-4" dur='4s' fill="freeze"/>
<animate id="ep0" attributename="opacity" from=1' to='0' begin="bp0.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://i1.hdslb.com/bfs/archive/0a59a3f6039df450a41c48f609d286a2638b7e3e.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp1" attributename="opacity" from='0' to='1' begin="ep0.end-4" dur='4s' fill="freeze"/>
<animate id="ep1" attributename="opacity" from=1' to='0' begin="bp1.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://puui.qpic.cn/vpic_cover/k35336hxsve/k35336hxsve_1702768368_hz.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp2" attributename="opacity" from='0' to='1' begin="ep1.end-4" dur='4s' fill="freeze"/>
<animate id="ep2" attributename="opacity" from=1' to='0' begin="bp2.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://pic.rmb.bdstatic.com/a12be7dd4c45d0b68968b631fc8060dd.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp3" attributename="opacity" from='0' to='1' begin="ep2.end-4" dur='4s' fill="freeze"/>
<animate id="ep3" attributename="opacity" from=1' to='0' begin="bp3.begin+18" dur='3s' fill="freeze"/>
</image>
</svg>
<div class="lrcShow" >click to play</div>
</div>
<script type="text/javascript" >
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;}('J K=j(){t 4.Z.1C(4,15)};K.12={1b:K,Z:j(G){x=G.w.F(/(^\\s*)|(\\s*$)/g,\'\');4.6=P.1a(\'.18\');4.8=4.Y(x);4.T(G.1e)},Y:j(x){J p=x.F(/(^\\s*)|(\\s*$)/g,"").10(/\\r|\\n|\\r\\n/);J 9=14 1d();B(X l=0;l<p.h;l++){X v=p.1f(/\\[\\d{1,2}:\\d{2}.\\d{1,3}\\]|\\[\\d{1,2}:\\d{2}\\]/g);e(v){E=p.1c(\']\');e(E>0)w=p.M(E+1);B(m=0;m<v.h;m++){D=v.M(1).F(\']\',\'\').10(/:/);z=(+D)*19+(+D);e(9.h==0&&z!=0){9.N({c:0,u:\'\\1g\\Q\\Q\\17\\11\\16\\13\'})}9.N({c:+z.A(2),u:w})}}}9.1z(j(a,b){t(a.c-b.c)});B(k=0;k<9.h-1;k++){9.H=+(9.c-9.c).A(2)}t 9},S:j(C){4.6.1w=4.8.u;4.6.f.o(\'--w\',\'"\'+4.8.u+\'"\');4.6.f.o(\'--1x\',\'1y\'+(4.7%2));4.6.f.o(\'--C\',C+\'s\');4.6.f.o(\'--y\',\'W\');4.7++},T:j(U){4.5=P.1G("V");4.5.1H=I;4.5.1I=I;4.5.1D=1E;4.5.1v=U;4.6.1l(4.5);4.7=0;4.5.i(\'1m\',()=>{4.7=0;4.5.q()});4.5.i(\'1k\',()=>{4.8.H=+(4.5.1s-4.8.c).A(2)});4.5.i(\'q\',()=>{4.6.f.o(\'--y\',\'W\');});4.5.i(\'O\',()=>{e(4.7==1&&4.5.L<1){4.5.q();t I}4.6.f.o(\'--y\',\'R\');});4.5.i(\'1r\',()=>{1o.1q("V 1p, 1u q 1t 1j");4.6.f.1i=\'1h\';4.6.1n(4)});4.5.i(\'1F\',()=>{e(4.7<4.8.h){e(4.5.L>=4.8.c){4.S(4.8.H)}}});4.6.i(\'1B\',()=>{e(4.5.R){4.5.q()}1A{4.5.O()}})}}',62,107,'||||this|mObj|lrcShowObj|idx|lrcVec|lrcs|||seconds||if|style||length|addEventListener|function||index|||setProperty|parts|play|||return|words|chkTime|lrcTxt|lyricTxt|aniPlayState|_0|toFixed|for|durTime|ta|tIdx|replace|opts|dur|false|var|lrcPlayerY|currentTime|substr|push|pause|document|u0020|paused|showLrc|genPlayer|mUrl|audio|running|let|handleLrc|init|split|u66fe|prototype|u8f7b|new|arguments|u5e74|u4e5f|lrcShow|60|querySelector|constructor|lastIndexOf|Array|audioURL|match|u00A9|none|display|event|canplay|appendChild|ended|removeChild|console|wrong|log|error|duration|start|remove|src|innerHTML|aniName|bgMove|sort|else|click|apply|autoplay|true|timeupdate|createElement|loop|muted'.split('|'),0,{}))
var lrctxt = `
来人间走个过场 - 洋澜一
词：林沛涌
曲：陈浩
青春如风吹过身旁
转眼容颜渐渐沧桑
为爱疯过为梦也曾轻狂
怀念那时的模样
功名利禄忽下忽上
虚无的像云在飘荡
经历多了喜欢望着月亮
举杯敬那些过往
谁还不是来人间走个过场
不管你背着什么行囊
都要经历一样的寒来暑往
酸甜苦辣也都要品尝
谁还不是来人间走个过场
不论平凡或光芒万丈
在这没有返程列车的路上
每段风景都值得欣赏
功名利禄忽下忽上
虚无的像云在飘荡
经历多了喜欢望着月亮
举杯敬那些过往
谁还不是来人间走个过场
不管你背着什么行囊
都要经历一样的寒来暑往
酸甜苦辣也都要品尝
谁还不是来人间走个过场
不论平凡或光芒万丈
在这没有返程列车的路上
每段风景都值得欣赏
`;
var opts = {
lrcTxt:lrctxt,
audioURL:"https://mp3.t57.cn:7087/kwlink_d.php?id=286594194"
}
new lrcPlayerY(opts);
</script> 图片录播漂亮，竖向歌词也漂亮。欣赏难难好帖{:4_199:} 标题字很漂亮{:4_199:} 问好老师，欣赏老师的精美帖子，好好学习领悟，准备套用一个！{:4_190:} 红影 发表于 2023-12-20 22:30
图片录播漂亮，竖向歌词也漂亮。欣赏难难好帖
https://img.tukuppt.com/png_preview/00/08/54/WdQWEdtkt7.jpg
https://n.sinaimg.cn/sinacn20121/56/w690h966/20190628/cbeb-hyzpvis0382556.jpg 醉美水芙蓉 发表于 2023-12-21 07:08
欣赏学习老师的代码音画！
https://img.tukuppt.com/png_preview/00/08/54/WdQWEdtkt7.jpg
https://n.sinaimg.cn/sinacn20121/56/w690h966/20190628/cbeb-hyzpvis0382556.jpg 亦是金 发表于 2023-12-20 23:27
问好老师，欣赏老师的精美帖子，好好学习领悟，准备套用一个！
https://img.tukuppt.com/png_preview/00/08/54/WdQWEdtkt7.jpg
https://n.sinaimg.cn/sinacn20121/56/w690h966/20190628/cbeb-hyzpvis0382556.jpg 世外桃源 发表于 2023-12-20 22:32
标题字很漂亮
https://img.tukuppt.com/png_preview/00/08/54/WdQWEdtkt7.jpg
https://n.sinaimg.cn/sinacn20121/56/w690h966/20190628/cbeb-hyzpvis0382556.jpg 起个网名好难 发表于 2023-12-21 08:37
问好难难，中午好{:4_187:} 起个网名好难 发表于 2023-12-21 08:37
老师中午好！{:4_190:} 红影 发表于 2023-12-21 12:07
问好难难，中午好
https://p0.itc.cn/q_70/images03/20210115/761ed8407bcc401da6030c428699b694.gif 亦是金 发表于 2023-12-21 12:48
老师中午好！
https://p0.itc.cn/q_70/images03/20210115/761ed8407bcc401da6030c428699b694.gif 起个网名好难 发表于 2023-12-21 13:40
难难的回复都是好看的图图呢，这个真好看{:4_187:} 红影 发表于 2023-12-21 14:44
难难的回复都是好看的图图呢，这个真好看
网上的图片，应该不占用网站的空间吧。 KVT要嫉妒你了：肿么可以介么漂酿 马黑黑 发表于 2023-12-21 19:42
KVT要嫉妒你了：肿么可以介么漂酿
过誉了，不敢当啊{:5_102:}
晚上好！ 起个网名好难 发表于 2023-12-21 17:11
网上的图片，应该不占用网站的空间吧。
是的，这个不占用的{:4_187:} 起个网名好难 发表于 2023-12-21 19:52
过誉了，不敢当啊
晚上好！
{:4_191:}
页:
[1]