亦是金 发表于 2024-1-24 17:38

《大傻瓜小傻瓜》 - 月下思故人/章 艳(试帖黑黑老师图片配色同步歌词代码8)

本帖最后由 亦是金 于 2025-2-10 23:12 编辑 <br /><br /><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1948810">
<style>
#papa { margin: 50px 0 0 calc(50% - 781px); width: 1400px; height: 700px; background: url('https://z4a.net/images/2023/10/17/157ysj6f3.gif') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; display: grid; place-items: center; z-index: 1; --state: running; }
.leaf { position: absolute; font-size: 30px; top: -20%; color: green; opacity: .64; animation: drop var(--duration) var(--delay) infinite linear var(--state); }

@keyframes drop { to { top: 105%; transform: rotate(1turn); } }

</style>

<div id="papa"></div>
<audio id="aud" src="https://ysj147.s3-us-east-1.ossfiles.com/zzsc/mp3/xiaoshagua.mp3" autoplay loop></audio>

<script>
let leaves = ['&#129505;','&#127799;','&#128525;','&#128149;','&#128152;','&#129392;','&#127801;',];
let script = document.createElement('script');
script.src = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/plater_lrcysj.js';
script.charset = 'utf-8';
document.head.appendChild(script);
script.onload = () => {
        HCPlayer({
                papa: '#papa',
                lrcAr: [ ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ],
                player_css: `
                        right: 30px;
                        bottom: 50px;
                        color: #ffffff;
                        --color1: #ffffff;
                        --color2: #000000;
                `,
                lrc_css: (`bottom: 50px; color: rgba(255,255,255,.9); --bg: url('https://z4a.net/images/2024/01/14/auewj-fb7cv.jpg'); font-size: 2.4em;`)
        });
}
Array.from({length: 12}).forEach((item, key) => {
        item = document.createElement('span');
        item.className = 'leaf';
        item.innerHTML = leaves;
        item.style.cssText += `
                left: ${Math.random() * 100}%;
                font-size: ${25 + Math.floor(Math.random() * 25)}px;
                --duration: ${10 + Math.random() * 10}s;
                --delay: ${10 - Math.random() * 25}s;
        `;
        papa.appendChild(item);
});
</script>
</td></tr></table>

红影 发表于 2024-1-24 18:12

这歌名好有趣。飘落的点缀也很有趣。还有漂亮的唱机按钮。欣赏亦是金好帖{:4_199:}

亦是金 发表于 2024-1-24 18:24

红影 发表于 2024-1-24 18:12
这歌名好有趣。飘落的点缀也很有趣。还有漂亮的唱机按钮。欣赏亦是金好帖

问好红影!谢谢欣赏点赞!{:4_187:}

红影 发表于 2024-1-24 20:59

亦是金 发表于 2024-1-24 18:24
问好红影!谢谢欣赏点赞!

这首歌特别有趣{:4_173:}

绿叶清舟 发表于 2024-1-25 12:41

进来看看二个傻瓜{:4_189:}欣赏老师的精彩

亦是金 发表于 2024-1-28 20:29

红影 发表于 2024-1-24 20:59
这首歌特别有趣

晚上好!{:4_187:}

亦是金 发表于 2024-1-28 20:30

绿叶清舟 发表于 2024-1-25 12:41
进来看看二个傻瓜欣赏老师的精彩

问好绿叶清舟,好久不见了!谢谢欣赏点赞!{:4_187:}

亦是金 发表于 2024-1-28 20:36

@红影   试帖自留地(试帖专用,请勿跟帖)又被我玩废了,无法进行编辑修改。麻烦你删除它,我再开辟一块 试帖自留地。谢谢了!{:4_187:}

红影 发表于 2024-1-28 20:49

亦是金 发表于 2024-1-28 20:29
晚上好!

问好亦是金老师,晚上好{:4_187:}
页: [1]
查看完整版本: 《大傻瓜小傻瓜》 - 月下思故人/章 艳(试帖黑黑老师图片配色同步歌词代码8)