梦江南 发表于 2025-8-13 17:36

我在想你你在哪里(学习黑黑老师的lcan代码)

本帖最后由 梦江南 于 2025-8-13 17:54 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 70px; --bg: url('https://img1.oldkids.cn/upload/2025/08/13/blog_260798238_20250813163114942.jpg') no-repeat center/cover; --ma-size: 15%; }
        #ma { left: 30px; top: 30px; display: grid; place-items: center; }
        .son { position: absolute; width: 20%; height: 60%; }
        .son::before, .son::after { position: absolute; content: ''; width: 100%; height: 100%; background: repeating-conic-gradient(Pink,transparent, cyan 20%); clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); transform: scale(1); }
        .son::after { transform: scale(-1); }
        .son:nth-of-type(2) { transform: rotate(90deg); }
        /* 设置 lrc 歌词标签样式 */
        #lrc { position: absolute; bottom: 20px; color: Pink; font-size: 30px; font-weight: bold; text-shadow: 1px 1px 2px #333; opacity: .9; }
        #btnFs { right: 30px; top: 30px; color: #333; }
</style>

<div id="pa">
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1293951136" autoplay loop></audio>
        <video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/05/13/15/31/27/video6822f54f3f95f.mp4" autoplay loop muted></video>
        <div id="ma" class="invert">
                <div class="son"></div>
                <div class="son"></div>
        </div>
        <!-- lrc歌词标签必须有 -->
        <div id="lrc">HUACHAO LRC</div>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
        import lrc from 'https://638183.freep.cn/638183/web/lrc/lrc_only.js';

        // 创建歌词
        var geci = `
                作词 : 李守俊
作曲 : 陈伟
任妙音-我在想你你在哪里(DJ 何鹏版)
词:李守俊
曲:陈伟
编曲:阿浩
朋友都说你去了外地
却不告诉我具体在哪里
有心去问却又没了勇气
我已失去爱你的权利
可是为何如此地想你
任何事情都会联想到你
丢掉了我你难道不惋惜
谁会像我如此地疼你
我在想你你在哪里
很久都没有你的消息
你还好吗要照顾好自己
是否偶尔也会把我想起
我在想你你在哪里
为何也不来和我联系
每个角落都有你的气息
我从春天又盼到了冬季
可是为何如此地想你
任何事情都会联想到你
丢掉了我你难道不惋惜
谁会像我如此地疼你
我在想你你在哪里
忘掉了所有忘不了你
若能等到你回来的归期
就算晚点又有什么关系
我在想你你在哪里
是否你早已把我忘记
我已收起昨天的小脾气
却再难唤回昨天的那个你
我在想你你在哪里
忘掉了所有忘不了你
若能等到你回来的归期
就算晚点又有什么关系
我在想你你在哪里
是否你早已把我忘记
我已收起昨天的小脾气
却再难唤回昨天的那个你
`;

        FS(pa, ma);
        lrc(pa, geci); // 带上帖子元素标识和歌词变量
</script>

杨帆 发表于 2025-8-13 18:42

好听好看,谢谢江南精彩分享{:4_204:}

红影 发表于 2025-8-13 21:04

小播调的颜色特别美,歌词同步也做得漂亮。
欣赏江南好帖{:4_199:}

红影 发表于 2025-8-13 21:05

这画面像一幅油画,很漂亮{:4_187:}

小辣椒 发表于 2025-8-13 21:39

欣赏阿姨的精彩制作,优秀的作业哦,赞的~{:4_177:}

小辣椒 发表于 2025-8-13 21:40

很喜欢的一首歌,曾经我分享过几次的{:4_208:}

梦油 发表于 2025-8-14 07:41

歌曲真好听。

梦江南 发表于 2025-8-14 08:26

杨帆 发表于 2025-8-13 18:42
好听好看,谢谢江南精彩分享

谢谢杨帆沙发欣赏,早上好!{:4_171:}

梦江南 发表于 2025-8-14 08:26

红影 发表于 2025-8-13 21:04
小播调的颜色特别美,歌词同步也做得漂亮。
欣赏江南好帖

谢谢影子欣赏鼓励,早上好!{:4_187:}

梦江南 发表于 2025-8-14 08:28

红影 发表于 2025-8-13 21:05
这画面像一幅油画,很漂亮

这幅画做了好几遍再觉得这张好点。

梦江南 发表于 2025-8-14 08:29

小辣椒 发表于 2025-8-13 21:39
欣赏阿姨的精彩制作,优秀的作业哦,赞的~

问好小辣椒,小点用眼睛。{:4_187:}

梦江南 发表于 2025-8-14 08:31

小辣椒 发表于 2025-8-13 21:40
很喜欢的一首歌,曾经我分享过几次的

这首歌是任妙音唱的,节奏动感,喜欢听了。

梦江南 发表于 2025-8-14 08:32

梦油 发表于 2025-8-14 07:41
歌曲真好听。

谢谢梦油来听歌,早上好!{:4_171:}

梦油 发表于 2025-8-14 14:31

梦江南 发表于 2025-8-14 08:32
谢谢梦油来听歌,早上好!

你辛苦了!{:4_190:}

梦江南 发表于 2025-8-14 16:17

梦油 发表于 2025-8-14 14:31
你辛苦了!

学习开心,不辛苦。

小文 发表于 2025-8-14 21:34

喜欢这种像油画的场境,十分恬静,安适。

红影 发表于 2025-8-14 21:43

梦江南 发表于 2025-8-14 08:26
谢谢影子欣赏鼓励,早上好!

问好江南,再赏好帖{:4_187:}

红影 发表于 2025-8-14 21:43

梦江南 发表于 2025-8-14 08:28
这幅画做了好几遍再觉得这张好点。

是的,这张很有特色很漂亮{:4_187:}

梦江南 发表于 2025-8-15 07:28

小文 发表于 2025-8-14 21:34
喜欢这种像油画的场境,十分恬静,安适。

早上好,谢谢小文喜欢,祝秋安。

梦江南 发表于 2025-8-15 07:30

红影 发表于 2025-8-14 21:43
是的,这张很有特色很漂亮

早上好,谢谢影子再赏。周末快乐。
页: [1] 2
查看完整版本: 我在想你你在哪里(学习黑黑老师的lcan代码)