论坛 › 欢乐水吧 › 泪蛋蛋掉在酒杯杯里 （学习黑黑H5旋转粒子）

小辣椒 发表于 2023-9-23 16:41

泪蛋蛋掉在酒杯杯里 （学习黑黑H5旋转粒子）

<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 16:42

先学习做一个，东看西看的感觉这个直接套用快一个@马黑黑

小辣椒 发表于 2023-9-23 16:43

冬雨你的就是我的，为了节约时间，用了你的图图和音乐@冬天的雨 {:4_172:}

小辣椒 发表于 2023-9-23 16:44

动图有点大，稍等一下会出来的{:4_173:}

小辣椒 发表于 2023-9-23 16:47

这个音乐和图图是以前代冬雨上传的，今天用上了

梦油 发表于 2023-9-23 17:02

这旋转的彩球真漂亮 。音乐的低音效果真好。

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

梦油 发表于 2023-9-23 17:02
这旋转的彩球真漂亮 。音乐的低音效果真好。

梦油好，刚做的，好久没有好好完成作业了{:4_189:}

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

梦油 发表于 2023-9-23 17:02
这旋转的彩球真漂亮 。音乐的低音效果真好。

谢谢梦油欣赏{:4_187:}

梦油 发表于 2023-9-23 17:15

小辣椒 发表于 2023-9-23 17:04
梦油好，刚做的，好久没有好好完成作业了

你做得真好。{:5_116:}

梦油 发表于 2023-9-23 17:15

小辣椒 发表于 2023-9-23 17:04
谢谢梦油欣赏

是你那好作品吸引了我。

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

梦油 发表于 2023-9-23 17:15
你做得真好。

是黑黑教程分享的{:4_173:}

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

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

梦油 发表于 2023-9-23 17:15
是你那好作品吸引了我。

谢谢梦油的支持{:4_187:}

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

醉美水芙蓉 发表于 2023-9-23 17:19
这个图片配得漂亮！欣赏辣椒好作品！

谢谢水芙蓉欣赏{:4_187:}

好久没有做作业了

焱鑫磊 发表于 2023-9-23 17:47

羡慕，帖子总是这么好！棒棒哒！{:4_187:}{:4_187:}{:4_187:}

梦油 发表于 2023-9-23 19:32

小辣椒 发表于 2023-9-23 17:19
是黑黑教程分享的

学得快，用得好。

梦油 发表于 2023-9-23 19:32

小辣椒 发表于 2023-9-23 17:19
谢谢梦油的支持

你对俺的支持更大。

马黑黑 发表于 2023-9-23 19:46

小辣椒 发表于 2023-9-23 16:42
先学习做一个，东看西看的感觉这个直接套用快一个@马黑黑

深色系挺好

梦缘 发表于 2023-9-23 19:55

欣赏点赞问好，很好听啊！{:4_187:}{:4_191:}

小文 发表于 2023-9-23 21:53

喜欢得紧

查看完整版本: 泪蛋蛋掉在酒杯杯里 （学习黑黑H5旋转粒子）