街角的晚风 （ 同玩岁月枫叶粒子效果 ）
<style>#papa { position: relative; width: 1278px; height: 696px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2026/01/16/3F.jpg');
box-shadow: 2px 2px 6px #000; z-index: 1; margin: 130px 0 30px calc(50% - 720px); 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: 70px; height: 70px; left: 11%;top:53%;--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; right: 48px; top:18%;writing-mode: vertical-rl;z-index:99;color:transparent;filter:drop-shadow(0px 1px 0px GhostWhite);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;}
.lrcShow::before{writing-mode: vertical-rl;position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(0, 0%, 100%),hsl(0, 0%, 100%),hsl(0, 0%, 100%),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%;}}
@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="papa" style="--state: running;">
<img id="Player" src="https://wj.zp68.com/lxx/yunhua/2026/01/16/w.png" alt="" title="暂停">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2026/01/16/3F.gif" alt="" style="left: 0px; top: 0px; ">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2026/01/16/bt.png" alt="" style="left: 40px; top: 200px;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xx.jpg" alt="" style="left: 1100px; top: 140px;" />
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2026/01/16/05.gif" alt="" style="width: 140px; height: 224px;left: 770px; top: 320px;" />
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xing.jpg" alt="" style="left: 200px; top: 80px;" />
<div class="lrcShow" data-lrc="《街角的晚风》女声圆号版" style="--aniPlayState: running; --aniName: bgMove1; --durTime: 4.96s;">《街角的晚风》女声圆号版</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 = `
《街角的晚风》女声圆号版
歌手：春娇
歌词同步编辑：小辣椒
缠绵的晚风 吹熄爱的梦
为何love is gone gone gone
全部散在幽幽半空
霓虹照亮痛 唤不到心动
Just leave me alone alone alone
留下我在记忆里深重
爱令我沉重 想你懂
可你始终永不会懂
一秒钟喉咙传来汹涌
诉说舍不得放手但是落泪并没有用
我在告白你在告别最后告示心痛
只有苦涩只有冰冻只有连场噩梦
不顾一切不变的爱慢慢未能受控
等待换来是够钟
同玩岁月 树叶粒子效果
缠绵的晚风 吹熄爱的梦
为何love is gone gone gone
全部散在幽幽半空
霓虹照亮痛 唤不到心动
]Just leave me alone alone alone
留下我在记忆里深重
同玩岁月 树叶粒子效果
爱令我沉重 想你懂
可你始终永不会懂
一秒钟喉咙传来汹涌
诉说舍不得放手但是落泪并没有用
我在告白你在告别最后告示心痛
只有苦涩只有冰冻只有连场噩梦
不顾一切不变的爱慢慢未能受控
等待换来是够钟
缠绵的晚风 吹熄爱的梦
为何love is gone gone gone
全部散在幽幽半空
霓虹照亮痛 唤不到心动
Just leave me alone alone alone
留下我在记忆里深重
谢谢欣赏
`;
let opts = {
lrcTxt:lrctxt,
audioURL:"https://wj.zp68.com/lxx/yunhua/2026/01/16/01.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>
@走过岁月
岁月~~休息天同玩一个枫叶粒子效果
街角的晚风
https://www.huachaowang.com/forum.php?mod=viewthread&tid=89873&fromuid=4275
(出处: 花潮论坛)
岁月我做了几个地方的修改，感觉还没有很完美，以后你拍照的时候要找宽敞一点的留白地方{:4_189:} 制作精致，效果惊艳，谢谢小辣椒精彩分享{:4_204:} https://pic.rmb.bdstatic.com/1282213ad2e1ea9071958dcc58e4ec117979.gif 哇，小辣椒把岁月的图片玩得太赞了，加上这两个人物和一只猫，位置也太合适了！{:4_187:}{:4_204:} 这两个人物啥地方找出来啊，放在这图里正好。小辣椒真棒！标题也好看。{:4_178:} 字幕设计很巧妙。 太生活了，点赞。 亲爱的加了标题字，人物和猫儿狗儿，还有漂亮的花朵，再加上歌词和小播的加入，让这个背景更美了。
欣赏亲爱的好帖{:4_199:}
小辣椒 发表于 2026-1-18 14:27
@走过岁月
岁月~~休息天同玩一个枫叶粒子效果
进来欣赏 小辣椒 发表于 2026-1-18 14:49
岁月我做了几个地方的修改，感觉还没有很完美，以后你拍照的时候要找宽敞一点的留白地方
收到 不错，加的人物到位 真的不错，小辣椒的点子多，值得表扬 杨帆 发表于 2026-1-18 15:13
制作精致，效果惊艳，谢谢小辣椒精彩分享
问好杨帆，谢谢欣赏{:4_187:} 也曾年轻 发表于 2026-1-18 15:34
问好老师，谢谢欣赏{:4_187:} 梦江南 发表于 2026-1-18 15:51
哇，小辣椒把岁月的图片玩得太赞了，加上这两个人物和一只猫，位置也太合适了！
哈哈，阿姨我有没有画蛇添足啊，感觉加的有点多了 梦江南 发表于 2026-1-18 15:57
这两个人物啥地方找出来啊，放在这图里正好。小辣椒真棒！标题也好看。
网络搜索的百度找的 梦油 发表于 2026-1-18 16:53
字幕设计很巧妙。
问好梦油，谢谢欣赏和支持{:4_187:} 庶民 发表于 2026-1-18 17:21
太生活了，点赞。
问好庶民，谢谢欣赏点赞{:4_187:}
页:
[1]
2