千羽 发表于 2023-9-14 21:49

《学习套用黑黑老师代码》 好晕

本帖最后由 千羽 于 2023-9-14 22:45 编辑 <br /><br /><style>
#mydiv { margin: 0 0 0 calc(50% - 593px); display: grid; place-items: center; width: 1024px; height: 640px; box-shadow: 0 0 12px gray; background: url('https://pic.imgdb.cn/item/65031a29661c6c8e541efe07.jpg') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; --state: running; }
</style>

<div id="mydiv"></div>
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=19098246.mp3" loop autoplay></audio>

<script>

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: 20px;
                        color: silver;
                        --bg: linear-gradient(rgba(10,100,100,.4),rgba(10,100,100,.7));
                `,
                player_css: `
                        bottom: 10px;
                        opacity: .95;
                        --track: silver;
                        --prog: red;
                        --color: silver;
                        --bg: conic-gradient(tan,blue,green,pink,lightblue);
                `,
      });
});

loadJs(js2, () => {
      H5lz({
                papa: '#mydiv',
                total: 180,
                size: {width: 10, height: 10},
                shape: {background: '', borderRadius: '50%'},
                maxTime: 24,
                offset: {x: 0, y: 0},
                ani: 'c2Out',
                css: 'opacity: .8;',
      });
});

</script>

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

千羽 发表于 2023-9-14 21:53

醉美水芙蓉 发表于 2023-9-14 21:51
欣赏千羽美图！

感觉图没选好{:4_173:}

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

千羽 发表于 2023-9-14 21:59

醉美水芙蓉 发表于 2023-9-14 21:54
千羽会做图，随便怎么改图都行！

还要去选图，改尺寸，上传……还不好选图{:4_173:}

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

千羽 发表于 2023-9-14 22:10

醉美水芙蓉 发表于 2023-9-14 22:07
这个播放器的确不好选图！

看见你那图还选得挺好的{:4_181:}

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

千羽 发表于 2023-9-14 21:53
感觉图没选好

还可以的

千羽 发表于 2023-9-14 22:15

马黑黑 发表于 2023-9-14 22:13
还可以的

黑黑老师是鼓励我呢，这图没选好，也不会再发挥{:4_173:}

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

千羽 发表于 2023-9-14 22:15
黑黑老师是鼓励我呢，这图没选好，也不会再发挥

反正能晕就成

千羽 发表于 2023-9-14 22:30

本帖最后由 千羽 于 2023-9-14 22:31 编辑

马黑黑 发表于 2023-9-14 22:16
反正能晕就成
老师，又换图了{:4_181:}，还想换

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

千羽 发表于 2023-9-14 22:30
老师，又换图了，还想换

嗯，这个有点感觉

千羽 发表于 2023-9-14 22:51

马黑黑 发表于 2023-9-14 22:48
嗯，这个有点感觉

好吧，那就不换了{:4_181:}

红影 发表于 2023-9-14 22:51

漂亮，羽儿也开始跟上做最新效果了，必须给羽儿点个大大的赞{:4_199:}

千羽 发表于 2023-9-14 22:53

红影 发表于 2023-9-14 22:51
漂亮，羽儿也开始跟上做最新效果了，必须给羽儿点个大大的赞

我不会发动图和别的效果，只能这样了{:4_173:}

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

千羽 发表于 2023-9-14 22:51
好吧，那就不换了

{:5_108:}

千羽 发表于 2023-9-14 22:56

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


谢谢黑黑老师的代码{:4_187:}

红影 发表于 2023-9-14 23:51

千羽 发表于 2023-9-14 22:53
我不会发动图和别的效果，只能这样了

已经很美了，羽儿会作图，在用上代码，肯定更好。羽儿多做啊{:4_187:}

亦是金 发表于 2023-9-15 08:51

晕了晕了！{:4_189:}

焱鑫磊 发表于 2023-9-16 00:58

欣赏！喜欢！{:4_187:}
页: [1]
查看完整版本: 《学习套用黑黑老师代码》 好晕