小辣椒 发表于 2023-9-10 13:32

航天人之歌

<style>
#mydiv { margin: 150px 0 0 calc(50% - 781px); display: grid; place-items: center; width: 1400px; height: 765px; border: 1px solid gray; background: url('https://xlaj.cn/assets/file/zp/20230910135911.gif') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; --state: running; }
</style>

<div id="mydiv"></div>
<audio id="aud" src="https://yinyue1111.s3-us-east-1.ossfiles.com/htrzg.mp3" crossorigin="anonymous" loop autoplay></audio>

<script>

(function() {

let appends = [];

let loadJs = (pa,src) => {
        let script = document.createElement('script');
        script.charset = 'utf-8';
        script.src = src;
        pa.appendChild(script);
        appends.push(script);
}

loadJs(document.body,'https://638183.freep.cn/638183/web/api/xyanklet_lrc.js');
loadJs(document.body,'https://638183.freep.cn/638183/web/lizi/h5lz_01.js');

appends.onload = () => {
        let geci = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ]


        HCPlayer({
                papa: '#mydiv',
                lrcAr: geci,
                lrc_css: 'top: 80px;left: 280px;',
                fs_css: 'bottom: 70px; --bg: Orange;',
                player_css: `
                        bottom: 40px;
                        color: white;
                        --btnBg: url('https://xlaj.cn/assets/file/zp/20230910032650.png') no-repeat center/cover;
                        --ww: 50%; --hh: 140px;
                        --track: lightgreen; --prog: purple;
                `,
        pinpu: {size: 2, gap: 0, color1: 'blue', color2: ''},
        });
};

appends.onload = () => {
        H5lz({
                papa: '#mydiv',
                total: 5,
                size: {width: 200, height: 104},
                shape: {background: 'url("https://wj.zp68.com/lxx/yunhua/2022/10/10/jjj.png")', borderRadius: '0'},
                maxTime: 24,
                offset: {x: 00, y: -300},
                ani: 'toLeft',
        });
};

})();

</script>

<br><br>

liumang 发表于 2023-9-10 14:10

{:5_150:}


liumang 发表于 2023-9-10 23:34

大气，正能量的作品

三月的阳光 发表于 2023-9-12 20:09

原来师傅一直在这里~~{:5_116:}

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

三月的阳光 发表于 2023-9-12 20:09
原来师傅一直在这里~~

阳光好，我好久没有玩了，今天难得上来发个帖
页: [1]
查看完整版本: 航天人之歌