三生石上
</div><div class="pct"><style type="text/css">.pcb{margin-right:0}</style><div class="pcb">
<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_2126771">
<meta name="referrer" content="never" />
<style>
#oBlk {
--w:550px;--h:800px;
width:var(--w);height:var(--h);
margin-left:calc(50% - 0.5 * var(--w));
overflow:hidden;
position:relative;
border-radius:32px;
box-shadow:4px 4px 10px black;
background-color:hsla(60, 50% , 80%, .4);
& img {
width:var(--w);height:var(--h);opacity:0;
position:absolute;left:0px;top:0px;
-webkit-mask-image: radial-gradient(black 50%, transparent 67%);
-webkit-mask-size: cover;z-index:1;
}
.lrcShow{font:bold 3em 楷体;position:absolute;bottom:100px;left:10%;color:transparent;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:50ms;--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%;}}
.lrcShow {left:5%;top:50px;font-size:26px;color:hsla(240,60%,60%,0.65);writing-mode: vertical-rl;z-index:99;}
.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">
<img src="https://pic.imgdb.cn/item/6666ed725e6d1bfa054a5dc7.jpg" />
<img src="https://pic.imgdb.cn/item/6666ed895e6d1bfa054a8991.jpg" />
<img src="https://pic.imgdb.cn/item/6666ed4a5e6d1bfa054a3248.jpg" / -->
<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;}('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 keyFrames = [
{ clipPath: 'ellipse(10% 10% at 50% 50%)', opacity: '0.1', offset: 0.0},
{ clipPath: 'ellipse(30% 30% at 50% 50%)', opacity: '0.7', offset: 0.01 },
{ clipPath: 'ellipse(50% 50% at 50% 50%)', opacity: '1.0', offset: 0.05 },
{ clipPath: 'ellipse(75% 75% at 50% 50%)', opacity: '0.2', offset: 0.105 },
{ clipPath: 'ellipse(75% 75% at 50% 50%)', opacity: '0.0', offset: 0.11 }
];
let EffectTiming = {
duration: 96000,
iterations: Infinity,
delay: 0,
fill: 'forwards'
};
let imgSet = document.querySelectorAll("#oBlk > img");
EffectTiming.duration = 8000 * imgSet.length;
for(let i = 0; i < imgSet.length; i++) {
EffectTiming.delay = i * 8000;
imgSet.animate(keyFrames, EffectTiming);
}
let lrctxt = `
三生石上
《三生石上》演唱：安静
所属专辑：三生石上
忘川的水来来又回回
河畔的人她在等待谁
一杯黄泉水，加离别一味
来去的人 都轮回
忘川的风在不停的吹
风中的人她等到了没
她饮黄泉水，流下相思泪
她的故事 谁来写
三生石上的花开了又谢
她等的人却一直没出现
那年的三月，她湿了绣鞋
桃花纷飞间 的遇见
三途川的时间岁岁年年
她的故事说一遍又一遍
孟婆的泪，流进黑夜
化作黄泉 飘渺的烟
忘川的风在不停的吹
风中的人她等到了没
她饮黄泉水，流下相思泪
她的故事 谁来写
三生石上的花开了又谢
她等的人却一直没出现
那年的三月，她湿了绣鞋
桃花纷飞间 的遇见
三途川的时间岁岁年年
她的故事说一遍又一遍
孟婆的泪，流进黑夜
化作黄泉 飘渺的烟
三生石上的花开了又谢
她等的人却一直没出现
那年的三月，她湿了绣鞋
桃花纷飞间 的遇见
三途川的时间岁岁年年
她的故事说一遍又一遍
孟婆的泪，流进黑夜
化作黄泉 飘渺的烟
化作黄泉 飘渺的烟
图意：东篱闲人
图意：东篱闲人
烟雨草堂音画
\n`;
let opts = {
lrcTxt:lrctxt,
audioURL:"https://music.163.com/song/media/outer/url?id=1910936807.mp3",
}
new lrcPlayerY(opts);
}
</script>
</td></tr></table> 很漂亮的图片轮播，欣赏东篱大哥好帖{:4_187:} 这个代码空窗的时间有点长啊，看没仔细看呢，美人儿就消失了{:4_173:}
点歌词能暂停，但好像轮播没暂停？一键能控才好。 红影 发表于 2024-6-10 21:00
这个代码空窗的时间有点长啊，看没仔细看呢，美人儿就消失了
点歌词能暂停，但好像轮播没暂停？ ...
美人怕你抓她喝水。。。。。{:5_117:} 红影 发表于 2024-6-10 21:00
这个代码空窗的时间有点长啊，看没仔细看呢，美人儿就消失了
点歌词能暂停，但好像轮播没暂停？ ...
没找到那个间隔时间在哪设置。。。{:5_103:} 欣赏漂亮美女。
起个网名好难 发表于 2024-6-10 22:01
欣赏漂亮美女。
盗你的代码。。。。{:5_117:} 东篱闲人 发表于 2024-6-10 22:02
盗你的代码。。。。
不存在，只要还看的过去尽管用。 东篱闲人 发表于 2024-6-10 21:18
美人怕你抓她喝水。。。。。
这个提醒好，下次再让我喝水，我就去委托你的美人代喝了{:4_173:} 东篱闲人 发表于 2024-6-10 21:19
没找到那个间隔时间在哪设置。。。
可能不一定是时间，那个组里的透明度每个轮次都是从0到1再到0，要是直接从0到1，就不会空这么长时间了吧。 欣赏佳作，问候东篱。 起个网名好难 发表于 2024-6-10 22:12
不存在，只要还看的过去尽管用。
{:4_176:} 红影 发表于 2024-6-10 22:16
可能不一定是时间，那个组里的透明度每个轮次都是从0到1再到0，要是直接从0到1，就不会空这么长时间了吧 ...
可以试试。。。 梦油 发表于 2024-6-11 09:15
欣赏佳作，问候东篱。
问老梦好。。。{:5_108:} 东篱闲人 发表于 2024-6-11 19:55
可以试试。。。
是啊，这个需要试过才能知道呢{:4_173:} 东篱闲人 发表于 2024-6-11 19:56
问老梦好。。。
东篱朋友下午好！
页:
[1]