朵拉 发表于 2023-8-17 22:50

千金散尽（cover：杨宗纬）

本帖最后由 朵拉 于 2024-3-5 21:38 编辑 <br /><br /><style>
#mydiv { margin: 0 0 0 calc(50% - 593px); display: grid; place-items: center; width: 1024px; height: 588px; background: lightblue url('https://pic.imgdb.cn/item/64de391b661c6c8e54db657c.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; }
#mydiv::before,#mydiv::after { position: absolute; left: 0px; top: 0px; content: url('https://638183.freep.cn/638183/t23/2/yumc.jpg'); mix-blend-mode: screen; offset-path: path('M-20,-20 L1060,200');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="http://www.kumeiwp.com/sub/filestores/2023/08/24/d39178743957a1ea0ebfc9e947e2bac6.mp3" autoplay="" loop=""></audio>

<script>
(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/tube_lrc.js';
    document.head.appendChild(script);

    window.onload = () => {
      HCPlayer({
            papa: '#mydiv',
            lrcAr: [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ],
      });
    };
})();
</script>

朵拉 发表于 2023-8-17 23:17

@马黑黑
马师 晚上好，学生交作业，请指正哈~~{:4_190:}

红影 发表于 2023-8-17 23:41

制作很漂亮，欣赏朵宝好帖{:4_187:}

小文 发表于 2023-8-17 23:49

欣赏

马黑黑 发表于 2023-8-17 23:56

制作精美，赞个。手机做帖应该很辛苦{:4_190:}

冬天的雨 发表于 2023-8-20 12:47

欣赏朵拉的好制作{:4_187:}

马黑黑 发表于 2023-9-19 21:21

一、代码需要加一句：

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

二、杨宗纬的千金散尽音乐地址不能分享

朵拉 发表于 2023-9-19 21:39

马黑黑 发表于 2023-9-19 21:21
一、代码需要加一句：

(function() {


马师，这段代码 求解释哈~~{:4_190:}

千羽 发表于 2023-9-19 21:52

朵拉的帖做得漂亮，那飞舞的小羽毛很吸眼球{:4_187:}

冬天的雨 发表于 2023-9-19 21:58

朵拉音乐听不到，你http要加个s   https的链接

马黑黑 发表于 2023-9-19 22:28

朵拉 发表于 2023-9-19 21:39
马师，这段代码 求解释哈~~

红色的代码，是为了确保全屏按钮的文字，在任何浏览器环境下都是正确显示中文的。
页: [1]
查看完整版本: 千金散尽（cover：杨宗纬）