梦江南 发表于 2025-2-7 14:49

心愿 （学习黑黑老师的荒羽代码）

本帖最后由 梦江南 于 2025-2-8 11:43 编辑 <br /><br /><style>
#mydiv { margin: 0 0 0 calc(50% - 593px); display: grid; place-items: center; width: 1024px; height: 640px; background: lightblue url('https://pic1.imgdb.cn/item/67a5a9c5d0e0a243d4fc7a7d.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; border-radius:32px;}
#mydiv::before,#mydiv::after { position: absolute; left: 0px; top: 0px; content: '\1FAB6'; offset-path: path('M-20,-20 L1024,700'); font-size: 40px; animation: move 30s var(--delay) infinite var(--state); --delay: 0s; }
#mydiv::after { --delay: -15s; }
@keyframes move { from {offset-distance: 0%; transform: rotate(0deg); } to { offset-distance: 100%; transform: rotate(720deg); } }
</style>

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

<script>
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/pinpu_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);

(function() {
    let lrcAr = [ ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
    window.onload = () => {
      HCPlayer({
            papa: '#mydiv',
            lrcAr: lrcAr,
            lrc_css: 'right: 15px; top: 10px; --bg: linear-gradient(orange,red);',
            player_css: 'right: 15px; bottom: 10px; --track: #eee; --prog: red; --cap: silver;',
            pinpu: {num: 100, width: 3, height: 160, color: 'linear-gradient(to top, orange, red)'}
      });
    };
})();
</script>




这图片是用Al做成的。

起个网名好难 发表于 2025-2-7 18:43

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

会用AI做图，高！{:5_116:}

插件代码评分后效果就都不灵了，得重新加载页面。

起个网名好难 发表于 2025-2-7 18:46

https://pic1.imgdb.cn/item/67a5f73dd0e0a243d4fc9939.jpg

红影 发表于 2025-2-7 20:07

好听的草原歌曲，漂亮的频谱效果和歌词制作。
欣赏江南好帖{:4_199:}

红影 发表于 2025-2-7 20:08

这个帖子里的全屏怎么是乱码啊{:4_173:}

红影 发表于 2025-2-7 20:09

飘落的小叶子也好漂亮{:4_187:}

马黑黑 发表于 2025-2-7 20:17

charset="utf-8" 能够确保非utf-8编码的网页显示正确的弹出文本

梦油 发表于 2025-2-8 07:26

大草原真美

梦江南 发表于 2025-2-8 08:08

起个网名好难 发表于 2025-2-7 18:43
会用AI做图，高！

插件代码评分后效果就都不灵了，得重新加载页面。

早上问好，您说的这个插件不灵了，我只是套用黑黑老师的代码，没动过啊！{:4_201:}

梦江南 发表于 2025-2-8 08:17

本帖最后由 梦江南 于 2025-2-8 08:22 编辑

起个网名好难 发表于 2025-2-7 18:46

其实Al制图很简单，只要输入几个你想要的图片关键词，它就会做出来四张的图片，选择一张比较好的下载就行了。

梦江南 发表于 2025-2-8 08:18

红影 发表于 2025-2-7 20:07
好听的草原歌曲，漂亮的频谱效果和歌词制作。
欣赏江南好帖

早上问好，这都是黑黑老师的代码，我只是套用而已。

梦江南 发表于 2025-2-8 08:20

红影 发表于 2025-2-7 20:08
这个帖子里的全屏怎么是乱码啊

没有啊，我这里浏览器看，没有乱码。{:4_201:}

梦江南 发表于 2025-2-8 08:20

红影 发表于 2025-2-7 20:09
飘落的小叶子也好漂亮

这不是叶子，是羽毛。

梦江南 发表于 2025-2-8 08:21

马黑黑 发表于 2025-2-7 20:17
charset="utf-8" 能够确保非utf-8编码的网页显示正确的弹出文本

早上问好黑黑老师，您说的这个我不会。{:4_201:}

梦江南 发表于 2025-2-8 08:23

梦油 发表于 2025-2-8 07:26
大草原真美

早上问好梦油老师，谢谢支持。

庶民 发表于 2025-2-8 08:58

喜欢草原

梦江南 发表于 2025-2-8 09:44

庶民 发表于 2025-2-8 08:58
喜欢草原

草原广袤无垠、一望无际，令人神往。谢谢老师支持。

老谟深虑 发表于 2025-2-8 11:02

         我这里看不到飘落的羽毛，只是一个小方框。

梦江南 发表于 2025-2-8 11:25

老谟深虑 发表于 2025-2-8 11:02
我这里看不到飘落的羽毛，只是一个小方框。

谢谢老谟回复，也不知道是为什么，在手机里能看到下来的羽毛。

起个网名好难 发表于 2025-2-8 11:34

梦江南 发表于 2025-2-8 08:08
早上问好，您说的这个插件不灵了，我只是套用黑黑老师的代码，没动过啊！

套用这代码的帖子都有这样的情况
页: [1] 2 3 4 5
查看完整版本: 心愿 （学习黑黑老师的荒羽代码）