醉美水芙蓉 发表于 2023-9-10 17:59:39

江南夜色 (咚鼓版)

<style>
#mydiv { margin: 80px 0 0 calc(50% - 681px); display: grid; place-items: center; width: 1200px; height: 675px; border: 1px solid gray; background: linear-gradient(to left bottom, rgba(70,70,var(--bb),.5) 0, rgba(var(--bb),100,100,.35) 50%), url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/e8e51502234a4eedda20239a4cc2bdf0_preview.jpg') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; --state: running; }

</style>

<div id="mydiv"></div>
<audio id="aud" src="https://shuifurong.s3-us-east-1.ossfiles.com/MUSIC/JNYS.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');
let num = 100, step = 10;
appends.onload = () => {
        let geci= [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
let flash = () => {
      num += step;
      if(num >255 || num < 0) step = -step;
      mydiv.style.setProperty('--bb', num);
};
setInterval(()=> {
      if(aud.paused) return false;
      flash();
},100);
        HCPlayer({
                papa: '#mydiv',
                lrcAr: geci,
                lrc_css: 'top: 30px;left: 50px; color: silver; --bg: linear-gradient(rgba(148,176,255,.4),rgba(148,176,255,.7));',
                fs_css: 'bottom: -70px; --bg: darkgray;',
                player_css: `
                        bottom: 50px; left: 400px;
                        color: white;
                        --btnBg: url('https://pic.imgdb.cn/item/64f35a26661c6c8e54df3975.png') no-repeat center/cover;
                        --ww: 50%; --hh: 80px;
                        --track: lightgreen; --prog: purple;
                `,
        pinpu: {size: 2, gap: 0, color1: 'blue', color2: ''},
        });
};


appends.onload = () => {
        H5lz({
                papa: '#mydiv',
                total: 8,
                size: {width: 120, height: 104},
                shape: {background: 'url("https://638183.freep.cn/638183/t22/hl/kite1.gif")', borderRadius: '0'},
                maxTime: 24,
                offset: {x: 00, y: -300},
                ani: 'toLeft',
        });
};

})();

</script>

活跃概况 发表于 2023-9-11 14:40:54

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-9-11 20:19:22

活跃概况 发表于 2023-9-11 14:40
这个作品漂亮！！！！

谢谢友友支持！

1643091610 发表于 2023-9-12 18:43:52

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-9-12 19:27:07

1643091610 发表于 2023-9-12 18:43
这个作品漂亮！！！！

谢谢友友支持！

快播 发表于 2023-9-15 11:56:32

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-9-15 17:27:01

快播 发表于 2023-9-15 11:56
这个作品漂亮！！！！

谢谢朋友支持！

332 发表于 2023-9-19 19:41:29

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-9-19 20:21:08

332 发表于 2023-9-19 19:41
这个作品漂亮！！！！

谢谢朋友光临！

翁奕童苑 发表于 2023-10-3 09:59:47

这个作品漂亮！！！！
页: [1] 2
查看完整版本: 江南夜色 (咚鼓版)