人心不可防 歌手:艺凌 TO:辫子哥哥&虎妞
<style>
#papa { position: relative; width: 1400px; height: 707px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2024/07/16/b1j.jpg');box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 781px);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) { left: 1035px; top: 600px; --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 22px sans-serif;position:absolute;bottom: 36px; left:40%;color:transparent;filter:drop-shadow(1px 1px 1px white);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;background-image:linear-gradient(45deg,hsl(0,100%,50%),hsl(240,100%,50%),hsl(240,100%,50%),hsl(240,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/assets/file/zp/20240627020733.png" alt="">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/16/b1j.gif" alt="" style="left: 0px; top: 0px;width:99.8%;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/16/hp.gif" alt=""style="width: 220px; height: 160px; left: 60px; top: 520px;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/16/changj.gif" alt="" style="width: 250px; height: 250px; left: 725px; top: 400px;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/16/8.gif " alt="" style=" width: 188px; height: 283px;left: 10px; top: 250px; ">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/07/16/hp.gif" alt=""style="width: 180px; height: 131px; left: 1120px; top: 270px;">
<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 = `
人心不可防 - 艺凌
词:宋别暖
曲:白冬雨
编曲:马明烨
吉他:马明烨
和声:甜芋儿
混音:吴默@左白里
制作人:老郴@左白里
监制:白冬雨
统筹:小静@左白里
制作团队:左白里Studio
OP:星汉马文化
笑你穷怕你富
恨你有嫌你无
人心永远隔着肚
不要轻易去猜度
人前笑人后哭
想要赢满盘输
人心易变靠不住
日久才能看清楚
天可度地可量
唯有人心不可防
经一事识一人
唯有人心最薄凉
说是世事无常
落得百孔千疮
不过是人心皆虚妄
天可度地可量
唯有人心不可防
是或非白或黑
只由人心有几丈
尝尽人情冷暖
历尽人间沧桑
不过是人心现万象
~Music~
笑你穷怕你富
恨你有嫌你无
人心永远隔着肚
不要轻易去猜度
人前笑人后哭
想要赢满盘输
人心易变靠不住
日久才能看清楚
天可度地可量
唯有人心不可防
经一事识一人
唯有人心最薄凉
说是世事无常
落得百孔千疮
不过是人心皆虚妄
天可度地可量
唯有人心不可防
是或非白或黑
只由人心有几丈
尝尽人情冷暖
历尽人间沧桑
不过是人心现万象
☆谢谢欣赏☆
`;
let opts = {
lrcTxt:lrctxt,
audioURL:"https://wj.zp68.com/lxx/yunhua/2024/07/16/69.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:} @起个网名好难
谢谢难难的帮忙和指导,小辣椒心心念念的想做个一键停止动图的效果终于出来了,好开心的,后面还会继续改进,到自己满意为止。感谢难难,没有你的帮忙小辣椒也是做不好的,感谢有你,来个大大的{:4_179:}
@马黑黑
谢谢黑黑的源码分享,小辣椒一直想玩一键停止动图的效果,在黑黑的源码基础上修改的,感谢黑黑! 问好小辣椒,欣赏您的精致音画!{:4_187:} 梦江南 发表于 2024-7-21 18:32
问好小辣椒,欣赏您的精致音画!
问好梦江南,刚想回几个帖,家里催吃饭了,我得下了,晚上在上来回帖了
谢谢你欣赏{:4_171:} 小辣椒 发表于 2024-7-21 18:38
问好梦江南,刚想回几个帖,家里催吃饭了,我得下了,晚上在上来回帖了
谢谢你欣赏
快快去吧!
这是进VIP厅观看古风舞蹈了,整的挺高级 小辣椒 发表于 2024-7-21 18:18
@辫子哥哥 @虎妞
问好二位好朋友,感谢你们的关心和爱抚,一直想送个礼物给你们,希望你们会喜欢{:4_17 ...
亲爱哒,你眼睛还没好彻底,又送礼物,太辛苦了{:4_204:} 这画面,太有高级感了,正宗的高大上啊,太开心,太感动了,亲爱哒 梦江南 发表于 2024-7-21 18:40
快快去吧!
吃完了{:4_173:} 顾-念 发表于 2024-7-21 18:51
这是进VIP厅观看古风舞蹈了,整的挺高级
问好暖男,好久不见了,你很忙吧{:4_187:} 谢谢亲爱哒,辫子哥哥没来,我全拿走了{:4_170:} 虎妞 发表于 2024-7-21 19:53
亲爱哒,你眼睛还没好彻底,又送礼物,太辛苦了
亲爱的,是最近这几天又开始的,前面已经好了,明天会去医院看看的,应该没事的 这是新歌吧,没听过呢,很好听,可喜欢,空了学学{:4_199:} 小辣椒 发表于 2024-7-21 18:18
@辫子哥哥 @虎妞
问好二位好朋友,感谢你们的关心和爱抚,一直想送个礼物给你们,希望你们会喜欢{:4_17 ...
喜欢啊,这么养眼,养心的礼物咋会不喜欢呢,我收藏了 小辣椒 发表于 2024-7-21 19:56
亲爱的,是最近这几天又开始的,前面已经好了,明天会去医院看看的,应该没事的
一定一定要多注意,眼睛不像别的哈,一定要重视 虎妞 发表于 2024-7-21 19:53
亲爱哒,你眼睛还没好彻底,又送礼物,太辛苦了
你眼睛也没彻底恢复呐,咋跑在我前面了,是哦,上次辣椒妹妹也是眼睛受伤过,你们都光线暗的时候别多看手机,尤其是文字页面强光更厉害 虎妞 发表于 2024-7-21 19:54
这画面,太有高级感了,正宗的高大上啊,太开心,太感动了,亲爱哒
亲爱的,你也是太容易感动了,我是一点心意,一直想送个礼物的,你们不嫌弃我就很开心了 虎妞 发表于 2024-7-21 19:56
这是新歌吧,没听过呢,很好听,可喜欢,空了学学
我也是抖音里面看见的,因为有现成的歌词同步我就用了{:4_173:}