小辣椒 发表于 2023-9-24 11:00

帖赠:黑黑 祝中秋节快乐!


<meta charset="UTF-8">
<style>
#papa { margin: 150px 0 0 calc(50% - 720px); width: 1264px; height: 733px; background: url('https://wj.zp68.com/lxx/yunhua/2023/09/24/39.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }

</style>

<div id="papa">
   
        <audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2023/09/24/zqj.mp3" autoplay loop></audio>
</div>

<script>
       
(function() {
        let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        let js1 = 'https://638183.freep.cn/638183/web/api/curve_lrc.js', js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.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, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'top: 66%; color: OldLace; --bg: linear-gradient(rgba(255,215,0,.4),rgba(255,215,0,.7));',
                        fs_css: 'bottom: 1%; color: #ddd; background: transparent;',
                        player_css: `
                              width: 260;
                              height: 60;
                                top: 110px;left: 40%;
                                border-width: 0;
                                --track: Gold;
                                --prog: OldLace;
                        `,
                        dir: 1,
                        img: {play: 'https://wj.zp68.com/lxx/yunhua/2023/09/24/37.png', pause: 'https://wj.zp68.com/lxx/yunhua/2023/09/24/37.gif'},
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 80,
                        size: {width: 25, height: 2},
                        shape: {background: 'rgba(255,255,255,.5)', borderRadius: ''},
                        ani: 'toBottom',
                        maxTime: 20,
                        offset: {x: 0, y: 100},
                                          
                });
        });
})();

</script>

小辣椒 发表于 2023-9-24 11:01

弧形播放器,学习套用一个@马黑黑

小辣椒 发表于 2023-9-24 11:02

提前祝黑黑中秋节快乐!

辫子哥哥 发表于 2023-9-24 11:08

黑黑可能吃饭去了{:4_170:}

小辣椒 发表于 2023-9-24 11:09

辫子哥哥 发表于 2023-9-24 11:08
黑黑可能吃饭去了

问好辫子哥哥,也是提前祝中秋节快乐!

辫子哥哥 发表于 2023-9-24 11:09

我先替黑欣赏下

小辣椒 发表于 2023-9-24 11:10

辫子哥哥 发表于 2023-9-24 11:09
我先替黑欣赏下

中秋节还没有到,记得中秋节要吃月饼的

辫子哥哥 发表于 2023-9-24 11:14

小辣椒 发表于 2023-9-24 11:09
问好辫子哥哥,也是提前祝中秋节快乐!

中秋一起快乐{:4_187:}

小辣椒 发表于 2023-9-24 11:15

辫子哥哥 发表于 2023-9-24 11:14
中秋一起快乐

好啊~~一起快乐!{:4_179:}

醉美水芙蓉 发表于 2023-9-24 11:34

梦油 发表于 2023-9-24 14:56

预祝黑黑先生双节快乐!
预祝小辣椒管理员双节快乐!
预祝花潮的各位朋友们双节快乐!

焱鑫磊 发表于 2023-9-24 16:28

祝朋友们双节快乐!{:4_187:}

千羽 发表于 2023-9-24 16:39

新颖的弧形播放器有飞转的小碟陪伴着,整体很融洽且巧妙地放置,效果挺美的。小辣椒好创意{:4_187:}

千羽 发表于 2023-9-24 16:40

移动的光束和纹理也是亮点,美美哒{:4_187:}

千羽 发表于 2023-9-24 16:42

黑黑老师快来收礼,并祝老师双节快乐,开心永远{:4_187:}

马黑黑 发表于 2023-9-24 17:04

小辣椒 发表于 2023-9-24 11:01
弧形播放器,学习套用一个@马黑黑

好喜庆呀。感谢感谢!

马黑黑 发表于 2023-9-24 17:04

辫子哥哥 发表于 2023-9-24 11:09
我先替黑欣赏下

谢谢谢谢。月饼留下就行{:4_170:}

马黑黑 发表于 2023-9-24 17:05

小辣椒 发表于 2023-9-24 11:02
提前祝黑黑中秋节快乐!

俺月饼吃的多,你提前辣么多天,得耗好多月饼的,你亏大了{:4_170:}

小辣椒 发表于 2023-9-24 20:54

醉美水芙蓉 发表于 2023-9-24 11:34
提前祝小辣椒双节快乐!

谢谢。。。一起中秋节快乐!

小辣椒 发表于 2023-9-24 20:54

梦油 发表于 2023-9-24 14:56
预祝黑黑先生双节快乐!
预祝小辣椒管理员双节快乐!
预祝花潮的各位朋友们双节快乐!

谢谢梦油{:4_187:}
一起中秋节快乐!
页: [1] 2 3
查看完整版本: 帖赠:黑黑 祝中秋节快乐!