梦江南 发表于 2025-1-16 13:38

想你的夜 （学习黑黑老师的致你代码）

本帖最后由 梦江南 于 2025-1-16 13:50 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/mod/btn_lrc.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://pic1.imgdb.cn/item/6788784cd0e0a243d4f4b14e.jpg') no-repeat center/cover; }
        #fsbtn { top: 20px; }
        #lrc { bottom: 20px; }
        #mplayer { position: absolute;left: 60%;top: 50%;width: 80px; height: 80px; display: grid; place-items: center; }
        .feather { position: absolute; width: 30px; height:80px; background: url('https://638183.freep.cn/638183/small/f1.png') no-repeat center/cover; }
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=2096174015"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/02/27/14/43/20/video63fc51087193b.mp4" autoplay loop muted></video>
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <div id="mplayer" class="mplayer"></div>
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/btn_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var lrcAr = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
        var total = 9, a = 360 / total;
        for(var i = 0; i < total; i++) {
                var f = document.createElement('span');
                f.className = 'feather';
                f.style.cssText += `transform: rotate(${i * a}deg) translateY(-60px);`;
                mplayer.appendChild(f);
        }
        hcplay(tz, lrcAr);
        fscreen.fs(tz, fsbtn);
</script>

梦油 发表于 2025-1-16 13:50

欣赏佳作，问候梦江南。

梦江南 发表于 2025-1-16 14:02

梦油 发表于 2025-1-16 13:50
欣赏佳作，问候梦江南。

谢谢梦油老师分享支持。下午好！

梦油 发表于 2025-1-16 14:06

梦江南 发表于 2025-1-16 14:02
谢谢梦油老师分享支持。下午好！

你的作品大都清新淡雅，很耐看。{:5_116:}

梦江南 发表于 2025-1-16 14:35

梦油 发表于 2025-1-16 14:06
你的作品大都清新淡雅，很耐看。

谢谢梦油老师，我也想不出对黑黑老师代码的图片，只能用这张PS图片来学习了。

起个网名好难 发表于 2025-1-16 14:39

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

梦江南 发表于 2025-1-16 14:47

起个网名好难 发表于 2025-1-16 14:39


谢谢老师分享支持，下午好！

红影 发表于 2025-1-16 17:15

江南把羽毛拉开了些，效果很不错。背景图图更是非常有意境，标题字的字体设计也漂亮。
欣赏江南好帖{:4_199:}

秋思梦景 发表于 2025-1-16 20:59

问候老师好！精美音画佳作，精心制作分享！为您加分点赞！{:5_108:}{:5_116:}{:4_204:}

梦江南 发表于 2025-1-17 08:15

红影 发表于 2025-1-16 17:15
江南把羽毛拉开了些，效果很不错。背景图图更是非常有意境，标题字的字体设计也漂亮。
欣赏江南好帖{:4_19 ...

早上好，谢谢影子分享支持鼓励。{:4_204:}

梦江南 发表于 2025-1-17 08:16

秋思梦景 发表于 2025-1-16 20:59
问候老师好！精美音画佳作，精心制作分享！为您加分点赞！

早上好，谢谢梦景老师分享支持。{:4_204:}

梦油 发表于 2025-1-17 13:10

梦江南 发表于 2025-1-16 14:35
谢谢梦油老师，我也想不出对黑黑老师代码的图片，只能用这张PS图片来学习了。

你有着很好的悟性。

红影 发表于 2025-1-17 13:16

梦江南 发表于 2025-1-17 08:15
早上好，谢谢影子分享支持鼓励。

这画面特别有感觉，很漂亮{:4_187:}

梦江南 发表于 2025-1-17 17:04

红影 发表于 2025-1-17 13:16
这画面特别有感觉，很漂亮

影子总是鼓励我，谢谢您！{:4_204:}

梦江南 发表于 2025-1-17 17:05

梦油 发表于 2025-1-17 13:10
你有着很好的悟性。

谢谢梦油老师鼓励，问好。{:4_204:}

红影 发表于 2025-1-17 20:29

梦江南 发表于 2025-1-17 17:04
影子总是鼓励我，谢谢您！

太客气了，江南的帖子很美的呢{:4_187:}

梦油 发表于 2025-1-18 14:13

梦江南 发表于 2025-1-17 17:05
谢谢梦油老师鼓励，问好。

梦江南朋友别客气。
页: [1]
查看完整版本: 想你的夜 （学习黑黑老师的致你代码）