惊鸿一面 帖赠红影贺芳辰快乐！
<style>
#papa { position: relative; width: 1431px; height: 793px; background: #000 url('https://xlaj.cn/upfile/2025/01/04/68.jpg');
box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 790px);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: 60px; height: 60px; left: 860px; top: 400px; --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;top:85%;left:50%;color:transparent;filter:drop-shadow(1px 1px 1px Black);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;z-index:999;}
.lrcShow::before{position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;color:Gray;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(60,100%,50%),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%;}}
</style>
<div id="papa">
<img id="Player" src="https://xlaj.cn/upfile/2025/01/04/n7.png " alt="">
<img class="dancer" src="https://xlaj.cn/upfile/2025/01/04/68.gif" alt="" style=" left: 0px; top: 0px; ">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt="" style="left: 150px; top: 100px;">
<img class="dancer" src="https://xlaj.cn/upfile/202411/30/06.gif" alt="" style="width:80px; height: 80px; top: 350px; left: 1300px;">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style=" left: 380px; top: 180px;">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style="left: 1080px; top: 90px;">
<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;}('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://xlaj.cn/upfile/2025/01/04/jhym.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>
亲爱的，生日快乐！时间过真快哦，一晃又一年了，祝福天天好心情，年年有好运@红影 小辣椒朋友的贺帖太美了。我很高兴和小辣椒朋友一起祝福影子朋友生日快乐！ 希望新的一年，健康，快乐，幸福永远！{:4_179:} 梦油 发表于 2025-1-4 21:26
小辣椒朋友的贺帖太美了。我很高兴和小辣椒朋友一起祝福影子朋友生日快乐！
谢谢梦油，你速度快的，我发了帖看见有许多回帖没有回，正准备去回帖的 先飘红，听完看完再评分分，就知道你要放大招了。{:4_172:}{:4_178:}{:4_182:} 下好，明儿见，我不能晚睡的{:4_197:} {:4_199:} 好听的歌儿，漂亮的制作。非常喜欢的礼物。谢谢亲爱的{:4_187:}{:4_177:} 摇曳的小灯笼，漂亮的字体设计和字体旁的小播，还有合十的美人儿，这氛围太美了{:4_187:}{:4_199:} 这些场景的营造和动态的运用太美了，那么恰到好处。太喜欢了。谢谢亲爱的{:4_179:} 梦油 发表于 2025-1-4 21:26
小辣椒朋友的贺帖太美了。我很高兴和小辣椒朋友一起祝福影子朋友生日快乐！
谢谢梦油{:4_187:} 樵歌 发表于 2025-1-4 21:47
先飘红，听完看完再评分分，就知道你要放大招了。
哈哈~~~樵哥哥什么是放大招？{:4_172:} 樵歌 发表于 2025-1-4 21:48
下好，明儿见，我不能晚睡的
好的，明天见了 马黑黑 发表于 2025-1-4 22:07
黑黑晚上好，喝茶{:4_180:} 红影 发表于 2025-1-4 22:11
好听的歌儿，漂亮的制作。非常喜欢的礼物。谢谢亲爱的
亲爱的，生日快乐！最近我一直没有时间玩，只能这样完工了 红影 发表于 2025-1-4 22:12
摇曳的小灯笼，漂亮的字体设计和字体旁的小播，还有合十的美人儿，这氛围太美了
其实本来不是这样做的，想和老头学习那种浅色背景，感觉动图素材做这个深色背景好一点 红影 发表于 2025-1-4 22:20
这些场景的营造和动态的运用太美了，那么恰到好处。太喜欢了。谢谢亲爱的
亲爱的，不嫌弃就好，小辣椒心意是满满的，只是现在脑子浆糊一片，做不出理想的东东 背景美女很虔诚的在祝福美女生日快乐{:4_170:} 好美，里面好多特效，小辣椒好制作，祝影子生日快乐！
页:
[1]
2