龙抬头
本帖最后由 起个网名好难 于 2023-2-20 21:59 编辑 <br /><br /><style>.lrcShow{font:bold 3em 楷体;position:absolute;bottom:10px;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%;}}
#oBlk {width:720px;height:800px;display:grid;place-items:center;overflow:hidden;border-radius:24px;box-shadow:3px 3px 7px black;position:relative;margin:12px auto;
grid-template-rows:repeat(8, 1fr);
grid-template-columns:repeat(11, 1fr);
background-color:skyblue;padding:8px;
}
.mainBlk {
width:640px;height:800px;display:grid;place-items:center;
grid-area: 1 / 1 / span 8 / span 10 ;
overflow:hidden;border-radius:16px;transition: 1s;
}
.sidePic {
width:64px;height:80px;display:grid;place-items:center;
overflow:hidden;border-radius:8px;
}
.lrcShow {font-size:36px;color:lightblue;}
</style>
<div id='oBlk'>
<div class="mainBlk" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/da64edae22992c50.jpg) no-repeat center/cover;"></div>
<div class="sidePic" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/6e086eed9aff4d49.jpg) no-repeat center/cover;"></div>
<div class="sidePic" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/56ffd7e0ba7c8d39.jpg) no-repeat center/cover;"></div>
<div class="sidePic" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/8f21911d078dd825.jpg) no-repeat center/cover;"></div>
<div class="sidePic" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/92a827fb57a2b36e.jpg) no-repeat center/cover;"></div>
<div class="sidePic" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/10f9f7fd2ec41f36.jpg) no-repeat center/cover;"></div>
<div class="sidePic" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/721d09f9c832966f.jpg) no-repeat center/cover;"></div>
<div class="sidePic" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/65c8488767c280bf.jpg) no-repeat center/cover;"></div>
<div class="sidePic" style="background:url(https://s3.bmp.ovh/imgs/2023/02/20/5e3dba86c3e6305b.jpg) no-repeat center/cover;"></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;}('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:"https://www.qqmc.com/up/kwlink.php?id=208240019.mp3",
}
new lrcPlayerY(opts);
let divObjs = oBlk.querySelectorAll('.sidePic, .mainBlk');
let idx = 0;
let exchgPos = () => {
oBlk.querySelector('.mainBlk').className = 'sidePic';
divObjs.className = "mainBlk";
idx++; idx %= divObjs.length;
}
setInterval(exchgPos, 5000);
</script>
这么多形态各异的龙啊,真漂亮。 龙,象征着一种精神,是一个民族的图腾。我们都是龙的传人{:4_187:} 红影 发表于 2023-2-20 23:09
这么多形态各异的龙啊,真漂亮。 龙,象征着一种精神,是一个民族的图腾。我们都是龙的传人
感谢您的支持!
早上好! 醉美水芙蓉 发表于 2023-2-20 23:22
欣赏老师精彩特效音画!
感谢您的支持!
早上好! 问候老师好!精彩音画,精心制作,为您点赞!{:4_199:}{:4_204:} 秋思梦景 发表于 2023-2-21 07:50
问候老师好!精彩音画,精心制作,为您点赞!
感谢您的支持!
早上好! 欣赏老师佳作! 海笑 发表于 2023-2-21 09:24
欣赏老师佳作!
感谢您的支持!
上午好! 起个网名好难 发表于 2023-2-21 06:01
感谢您的支持!
早上好!
这个帖子真好。欣赏老师的精彩{:4_199:} 红影 发表于 2023-2-21 21:48
这个帖子真好。欣赏老师的精彩
赶时髦, 应景 起个网名好难 发表于 2023-2-21 21:57
赶时髦, 应景
是的,又应景又能学习到,真好{:4_187:} 红影 发表于 2023-2-22 19:04
是的,又应景又能学习到,真好
应景的帖有合适的素材又要赶在适当的时间发出来,帖子一般套用熟悉的模式。 起个网名好难 发表于 2023-2-22 20:37
应景的帖有合适的素材又要赶在适当的时间发出来,帖子一般套用熟悉的模式。
是的,熟悉的模式做起来快。如果早点动手做,也可以是不熟悉的啊{:4_173:} 红影 发表于 2023-2-22 21:40
是的,熟悉的模式做起来快。如果早点动手做,也可以是不熟悉的啊
没素材或时间来不及就不做了。 欣赏佳作 马黑黑 发表于 2023-2-22 23:38
欣赏佳作
谢谢支持和鼓励!
早上好! 起个网名好难 发表于 2023-2-23 07:25
谢谢支持和鼓励!
早上好!
早! 起个网名好难 发表于 2023-2-22 22:48
没素材或时间来不及就不做了。
那是当然,玩也是图个随意和快乐{:4_204:} 红影 发表于 2023-2-23 12:08
那是当然,玩也是图个随意和快乐
现在没了工作压力人也就懒散了