小辣椒 发表于 2023-9-23 17:27

泪蛋蛋掉在酒杯杯里


<style>
#mydiv { margin: 150px 0 0 calc(50% - 720px); display: grid; place-items: center; width: 1267px; height: 686px; box-shadow: 0 0 12px gray; background: url('https://wj1.zp68.com:812/lxx/yunhua/20211023/bj.gif') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; --state: running; }
#mydiv > img { transform: translate(30px);}
</style>

<div id="mydiv">
<img src="https://wj1.zp68.com:812/lxx/yunhua/20211023/bzi.png" alt=""   />

</div>
<audio id="aud" src="https://wj1.zp68.com:812/lxx/yunhua/20211023/01.mp3" loop autoplay></audio>

<script>
(function() {

let js1 = 'https://638183.freep.cn/638183/web/api/tube_lrc.js', js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';

let loadJs = (url,callback) => {
        let body = document.querySelector('body'), jsNode = document.createElement('script');
        jsNode.charset = 'utf-8';
        jsNode.setAttribute('src', url);
        body.appendChild(jsNode);
        jsNode.onload = () => callback();
};

loadJs(js1, () => {
        let geci = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
        HCPlayer({
                papa: '#mydiv',
                lrcAr: geci,
                lrc_css: `
               top: 50px; left: 40%;
                        color: White;
                        --bg: linear-gradient(rgba(0,255,255,.4),rgba(0,255,255,.7));
                `,
                player_css: `
                        bottom: 20px;
                        opacity: .95;
                        --track: MistyRose;
                        --prog: Aqua;
                        --color: Lavender;
                        --bg: conic-gradient(tan,blue,green,Fuchsia,lightblue);
                `,
                            fs_css: '--bg: transparent; top: 80%;',
        });
});

loadJs(js2, () => {
        H5lz({
        papa: '#mydiv',
       total: 80,
                size: {width: 30, height: 30},
                shape: {background: 'linear-gradient(to top,rgba(0,255,255,.9),rgba(148,0,211,.6),rgba(0,0,255,.3))', borderRadius: '50%'},
                maxTime: 24,
                offset: {x: 0, y: 0},
                ani: 'c2Out',
                css: 'opacity: 2;',
        });
});
})();
</script>

小辣椒 发表于 2023-9-23 17:28

H5旋转粒子效果

liumang 发表于 2023-9-23 17:43

小辣椒 发表于 2023-9-23 17:28
H5旋转粒子效果

问好小辣椒
{:5_158:}

liumang 发表于 2023-9-23 17:44

小辣椒会喝酒啊
{:5_156:}

小辣椒 发表于 2023-9-28 23:38

liumang 发表于 2023-9-23 17:44
小辣椒会喝酒啊

不会喝酒

{:5_132:}

liumang 发表于 2023-9-29 08:50

小辣椒 发表于 2023-9-28 23:38
不会喝酒

{:5_139:}
页: [1]
查看完整版本: 泪蛋蛋掉在酒杯杯里