醉美水芙蓉 发表于 2023-9-9 22:37

江南夜色 (咚鼓版)

<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-9 23:27

真漂亮的制作。欣赏水芙蓉美女好帖{:4_187:}

醉美水芙蓉 发表于 2023-9-9 23:58

红影 发表于 2023-9-9 23:27
真漂亮的制作。欣赏水芙蓉美女好帖

跟你学得，我感觉你挺会编排代码，利用代码的！

红影 发表于 2023-9-10 09:58

醉美水芙蓉 发表于 2023-9-9 23:58
跟你学得，我感觉你挺会编排代码，利用代码的！

我也只会改一下颜色啊什么的，都是最简单的修改，真的编排和写代码那都是黑黑的功劳呢{:4_173:}

马黑黑 发表于 2023-9-14 07:56

{:4_199:}

小辣椒 发表于 2023-9-14 21:05

这个我也是漏看了，发现许多帖我都没有回的，不好意思了

小辣椒 发表于 2023-9-14 21:06

欣赏水芙蓉的精彩制作，欣赏来迟{:4_171:}

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

马黑黑 发表于 2023-9-14 07:56


黑黑老师晚上好！

醉美水芙蓉 发表于 2023-9-14 21:21

小辣椒 发表于 2023-9-14 21:05
这个我也是漏看了，发现许多帖我都没有回的，不好意思了

不要紧，你眼睛不好，注意休息！

马黑黑 发表于 2023-9-14 22:16

醉美水芙蓉 发表于 2023-9-14 21:20
黑黑老师晚上好！

晚上好
页: [1]
查看完整版本: 江南夜色 (咚鼓版)