论坛 › 动画音画 › 沙啦啦哩

马黑黑 发表于 2026-4-18 18:05

沙啦啦哩

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w8/ulll.jpg') no-repeat center/contain; width: 1200px; aspect-ratio: 3/2; }
.player { width: var(--ma-size); border-radius:50%; top: 20%; }
.bgprog { bottom: 20px; left: 10%; }
.btnFs { right: 30px; top: 30px; color: lightblue; }
</style>

<div class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=34586858" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2418175/01/15/27/619ee1134378a.mp4" autoplay loop muted></video>
<img src="https://638183.freep.cn/638183/t24/w8/b566.webp" class="player rotate" title="Alt+X" alt="">
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>

<script>
loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');

function loadJs(url) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = () => {
      var tz = TZ('pa');
      tz.start(); // tz.start(gc);
    };
    document.head.appendChild(script);
}
</script>

马黑黑 发表于 2026-4-18 18:05

帖子代码

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w8/ulll.jpg') no-repeat center/contain; width: 1200px; aspect-ratio: 3/2; }
.player { width: var(--ma-size); border-radius:50%; top: 20%; }
.bgprog { bottom: 20px; left: 10%; }
.btnFs { right: 30px; top: 30px; color: lightblue; }
</style>

<div class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=34586858" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2418175/01/15/27/619ee1134378a.mp4" autoplay loop muted></video>
<img src="https://638183.freep.cn/638183/t24/w8/b566.webp" class="player rotate" title="Alt+X" alt="">
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>

<script>
loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');

function loadJs(url) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = () => {
      var tz = TZ('pa');
      tz.start(); // tz.start(gc);
    };
    document.head.appendChild(script);
}
</script>

马黑黑 发表于 2026-4-18 18:05

本帖是配套 音画帖背景设置 - 马黑黑教程专版 - 花潮论坛 - Powered by Discuz! 的一个实例

梦江南 发表于 2026-4-18 19:02

这顶帽子做小播漂亮。谢谢黑黑精彩示范！{:4_187:}

杨帆 发表于 2026-4-18 20:13

漂亮~谢谢马老师精彩示范{:4_180:}

红影 发表于 2026-4-18 20:48

这瑜伽动作很标准。视频和音乐节奏很相配，不管日月变迁，仍努力锻炼中。
欣赏黑黑好帖{:4_199:}

马黑黑 发表于 2026-4-18 22:24

红影 发表于 2026-4-18 20:48
这瑜伽动作很标准。视频和音乐节奏很相配，不管日月变迁，仍努力锻炼中。
欣赏黑黑好帖

感谢支持

马黑黑 发表于 2026-4-18 22:25

杨帆 发表于 2026-4-18 20:13
漂亮~谢谢马老师精彩示范

{:4_190:}

马黑黑 发表于 2026-4-18 22:25

梦江南 发表于 2026-4-18 19:02
这顶帽子做小播漂亮。谢谢黑黑精彩示范！

{:4_191:}

梦江南 发表于 2026-4-19 07:54

马黑黑 发表于 2026-4-18 22:25


黑黑老师早上嚎！{:4_190:}

马黑黑 发表于 2026-4-19 13:11

梦江南 发表于 2026-4-19 07:54
黑黑老师早上嚎！

嚎嚎嚎

朵拉 发表于 2026-4-19 15:10

老师创意十足，学生已交作业，请您指正{:4_190:}

红影 发表于 2026-4-19 21:43

马黑黑 发表于 2026-4-18 22:24
感谢支持

这回复这么官方化啊，呵呵，干杯，放松点{:4_191:}

马黑黑 发表于 2026-4-19 21:53

红影 发表于 2026-4-19 21:43
这回复这么官方化啊，呵呵，干杯，放松点

不行不行，在领导面前，怎么能放松{:4_170:}

小辣椒 发表于 2026-4-19 22:20

欣赏黑黑精彩的分享{:4_178:}

红影 发表于 2026-4-19 22:38

马黑黑 发表于 2026-4-19 21:53
不行不行，在领导面前，怎么能放松

哪来的什么领导，这俩字都让人没法好好玩了，让我一下子想到了上班{:4_173:}

马黑黑 发表于 2026-4-19 22:57

红影 发表于 2026-4-19 22:38
哪来的什么领导，这俩字都让人没法好好玩了，让我一下子想到了上班

上班好，上班有收入

马黑黑 发表于 2026-4-19 22:59

小辣椒 发表于 2026-4-19 22:20
欣赏黑黑精彩的分享

谢谢

朵拉 发表于 2026-4-20 20:21

老师创意十足，学生已交作业，请您指正{:4_190:}

红影 发表于 2026-4-21 21:59

马黑黑 发表于 2026-4-19 22:57
上班好，上班有收入

休息的时候想到上班让人烦，该休息还是好好玩着的好。

查看完整版本: 沙啦啦哩