ysj147 发表于 2024-12-31 12:18

《2025 年大家都赚钱》演唱：红蔷薇、落笔

<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1846164">
<div class="cont-area">
<div style="position: absolute; width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -140px;">
<marquee STYLE="WiDTH: 1200px; HeiGHT: 700px" HEIGHT="700px" BEHAVIOR="alternate" WIDTH="1200" SCROLLAMOUNT="6"><imgsrc ="https://s1.ax1x.com/2023/02/22/pSjf24g.jpg" WIDTH="3000" HEIGHT="700"></MARQUEE>
<img src="https://z4a.net/images/2024/12/29/yh2007.gif" alt="" style="position: absolute; width: 1200px;height: 580px; transform: translate(-1200px, 0px); mix-blend-mode: screen;" />
        <img src="https://cccimg.com/view.php/4818a0288d65164ffec7c57eca28a509.gif" alt="" style="position: absolute; width: 1200px;height: 350px; transform: translate(-1200px, 0px); mix-blend-mode: screen;" />

        <img src="https://z3.ax1x.com/2021/08/26/hujGMd.gif" alt="" style="position: absolute; width: 100px;height: 50px; transform: translate(-1000px, 500px); mix-blend-mode: multiply;" />

        <img src="https://z4a.net/images/2024/12/31/ysjzxyy.png" alt="" style="position: absolute; width: 300px;height: 70px;top: 640px; left: 900px;" />
<style>
#papa {
        margin: auto;
        width: 1200px;
        height: 700px;
      top: -700px;
      left: 0px;;
        background: url('https://s11.ax1x.com/2023/03/23/ppwmpo8.png') no-repeat center/cover;
        box-shadow: 3px 3px 20px #000;
        overflow: hidden;
        display: grid;
        place-items: center;
        position: relative;
        z-index: 1;
}
#mypic {
        position: absolute;
      width: 100px;
        mix-blend-mode: normal;/*混合混合模式：正常*/
        cursor: pointer;
        transition: filter 1s;
        animation: rot 6s infinite linear var(--state);
}
#mypic:hover {
        filter: invert(150%) drop-shadow(4px 4px 20px #ffffff);
}
li-zi {
        position: absolute;
        width: 58px;
      height: 58px;
        background: url('https://www.emojiall.com/images/60/telegram/1f339.gi');
        animation: moving var(--du) var(--de) infinite linear var(--state);
}
@keyframes moving {
        from { transform: translate(100,0) rotate(var(--deg)); opacity: 0; }
        to { transform: translate(var(--xx),var(--yy)) rotate(var(--deg)); opacity: 1; }
}
@keyframes rot { to { transform: rotate(360deg); } }

</style>


<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:36px;">《2025 年大家都赚钱》</span>
<span style="color:#3d46f7;"><span style="font-size:24px;"> 演唱：红蔷薇、落笔 </span></div>


<div id="papa">
        <img id="mypic" src="https://www.emojiall.com/images/60/microsoft/1f338.png" alt="" title="暂停/播放" />
        <audio id="aud" src="https://cccimg.com/view.php/f04aa70c61c191252ecee7487b1a0c6a.mp3" autoplay loop></audio>
</div>

<script>

(function() {

let total = 20;
Array.from({length: total}).forEach((lz,key) => {
        lz = document.createElement('li-zi');
        let hudu = Math.PI / 180 * 360 / total * key;
        let xx = 800 * Math.cos(hudu), yy = 800 * Math.sin(hudu);
        lz.style.cssText += `
                --xx: ${xx}px;
                --yy: ${yy}px;
                --deg: ${360 / total * key}deg;
                --du: ${4 + Math.random() * 10}s;
                --de: -${Math.random() * 3}s;
        `;
        papa.prepend(lz);
});
let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('pause', () => mState());
aud.addEventListener('playing', () => mState());
mypic.onclick = () => aud.paused ? aud.play() : aud.pause();

})();

</script>

<script>

let sFile = document.createElement('script');
sFile.src = 'https://cccimg.com/down.php/f3adc8684d0a444380d203c04e43ee14.js';
/*彩虹外链网盘lrc-ysj.js*/
sFile.charset = 'utf-8';
document.head.appendChild(sFile);

sFile.onload = () => {
        LRC({
                papa: '#papa',
                lrcAr: geci,
                btn: '#mypic',
                lrc_css: (`bottom: 40px; color: rgba(255,255,255,.9); --bg: url('https://z4a.net/images/2024/01/15/20240115a.jpg'); font-size: 2.4em;`)
        });
};

let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

</script>

<div style="position: relative; top: -1420px; LEFT: 0px;z-index: 12435;">
<style type="text/css">
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      margin: auto;
      width: 800px;
      text-align: center;
      font-family:微软简中圆;
      font-size: 2.5rem;
      font-weight: bold;
      color: #f46ff6;
      transform-origin: top;
      animation: yao 1.0s linear infinite alternate;
}

@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}



.tit { position: absolute;width: 500px;height: 50px;top:20px;LEFT: 230px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/

</style>

</TD></TR></TBODY></TABLE>
<DIV style="HEIGHT: 850px"

容轩听雨 发表于 2025-1-1 10:32

图片滚动特效与动画叠加皆佳，赞，问好老师！

了了子 发表于 2025-1-1 12:12

亦是金147，老熟人了，还在玩？新年快乐！

巫荣云师 发表于 2025-1-1 13:04

祝亦是金147老师2025 年赚大钱！:handshake:handshake
页: [1]
查看完整版本: 《2025 年大家都赚钱》演唱：红蔷薇、落笔