祝福夕夕进驻花潮6周年&圣诞节快乐!
<style>
#papa { position: relative; width: 1124px; height: 760px; background: #000 url('https://cccimg.com/view.php/ed353dec72ed0e612f5ef8747e5ff311.jpg');
box-shadow: 2px 2px 6px #000; z-index: 1; margin: 130px 0 48px calc(50% - 640px);overflow:hidden; border-radius:24px;}
#Player { position: absolute; cursor: pointer; transition: 1.2s; animation: rot 8s linear infinite var(--state); z-index:10;}
#Player:nth-of-type(1) { width: 100px; height: 100px; left: 680px; top: 520px; --deg: 1turn; }
#Player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #eee); --state: paused; }
@keyframes rot { to { transform: rotate(var(--deg)); } }
.dancer { position: absolute; cursor: pointer;z-index:1;}
#tit {z-index:9;font:bold 2.0em 微软雅黑; color:transparent;margin-top:24px;position:absolute; left:53%; bottom:6%;
background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(240,100%,60%),hsl(240,100%,60%),hsl(240,100%,60%),hsl(0,100%,50%));-webkit-background-clip:text;}
</style>
<div id="papa">
<span id="tit">祝夕夕圣诞节快乐!</span>
<img id="Player" src="https://xlaj.cn/upfile/202412/18/an.png" alt="">
<img class="dancer" src="https://cccimg.com/view.php/2bb2581be97840f5983f2a6f99d22f50.gif" alt="" style=" left: 0px; top: 0px; width:99.5%;">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style=" top: 100px; left: 880px;">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style=" top: 60px; left: 780px;">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2002313212" autoplay />
</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,{}))
//-----------------------------------------------------------------------------------------------------//
var dancers = document.querySelectorAll('.dancer');
var mState = () => {
papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
Player.title = aud.paused ? '播放' : '暂停';
aud.paused ? Player.style.animationPlayState = 'paused' : Player.style.animationPlayState = 'running';
dancers.forEach(dancer => aud.paused ? dancer.stop() : dancer.play());
};
Player.onclick = () => {
aud.paused ? (aud.play()) : (aud.pause());
}
aud.onplaying = aud.onpause = () => mState();
aud.ontimeupdate = () => {
// 歌曲结束前 5 秒消失
if(aud.currentTime < (aud.duration-5)) tit.style.display = 'block';
else tit.style.display = 'none';
}
aud.onended = () => aud.play();
</script> @驻在平安夜前夕 夕夕,平安夜前夕注册的,今天刚6周年!进来庆祝一下{:4_205:} 顺祝圣诞节快乐! 感谢夕夕6年对论坛的支持!{:4_199:} 三克油
祝夕夕大记驻花潮六周年快乐!{:4_187:}{:4_176:} 她是大记,满世界飞,这个{:4_204:}{:4_189:}圣诞节对她也是过惯了的,祝她此节快乐,好好狂欢一天一夜 小辣椒就是温暖贴心{:4_204:} 祝夕夕快乐,祝小辣椒快乐!祝朋友们快乐! 欣赏小辣椒精美音画,顺祝圣诞节快乐!
祝夕夕快乐{:4_171:} 祝夕夕快乐{:4_171:}
页:
[1]