非常开心 发表于 2023-10-3 11:44

【画笔似有马良功】十五的月亮

本帖最后由 非常开心 于 2023-10-3 11:47 编辑 <br /><br /><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1962212">

<style>
#mydiv { margin: 10px 0 0 calc(50% - 593px); width: 1124px; height: 676px; box-shadow: 0 0 12px gray; background: url('https://img1.baidu.com/it/u=4267015541,4129865094&fm=253&fmt=auto&app=138&f=JPEG?w=640&h=360') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; display: grid; place-items: center; --state: running; }
#pic { position: absolute; left: 278px; top: 460px; width: 200px; height: 200px; animation: rot 8s infinite linear var(--state); }

@keyframes rot { to { transform: rotate(1turn); } }
@keyframes yidong { to { transform: translate(-200px, -40px)scale(3); } }
</style>

<div id="mydiv">
        <img id="pic" src="https://www.dlbbs.com/data/attachment/forum/202309/30/200753rhaeset0g2shzqd0.png" alt="" />
</div>
<audio id="aud" src="https://xlaj.cn/assets/file/zp/20230929010706.mp3" loop="loop" autoplay="autoplay"></audio>

<script>
(function() {
        let js1 = 'https://638183.freep.cn/638183/web/api/meter_pinpu_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: lightblue;
                                --bg: linear-gradient(rgba(200,200,250,.25),rgba(100,200,250,.65));
                        `,
                        player_css: `
                                bottom: 10px;
                                color: snow;
                                z-index: 2;
                        `,
                        pinpu: { num: 40, width: 3, color: 'rgba(255,255,255,.5)' },
                fs_css: '--bg: transparent; top: -10%;',
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#mydiv',
                        total: 30,
                        size: {width: 40, height: 41},
                        shape: {background: 'url("http://bohann.net/data/attachment/forum/202309/29/152729t8fzlin3yckkybjz.png")', borderRadius: '1'},
                        maxTime: 44,
                        offset: {x: 0, y: 0},
                        ani: 'out2C',
                        css: 'opacity: .8;',
                });
        });
})();
</script></td></tr></table>

夕阳红 发表于 2023-10-3 14:12

欣赏问好，节日快乐{:7_275:}
页: [1]
查看完整版本: 【画笔似有马良功】十五的月亮