马黑黑 发表于 2026-3-6 20:38

Dinobot Charge

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://img.3dmgame.com/uploads/images/news/20240206/1707182381_907685.jpg') no-repeat center/cover; }
.player { top: 26%; right: 20%; width: 6vw; }
.bgprog { right: 30px; top: 60px; color: black; transform-origin: 100% 100%; transform: rotate(-90deg); }
.btnFs { left: 20px; top: 30px; color: lightblue; }
</style>

<div class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=28768535" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2419216/00/01/99/5b50235ec3a92.mp4" autoplay loop muted></video>
<img class="player rotate" title="Alt+X" src="https://638183.freep.cn/638183/small/2025/b4.webp" alt="">
<div class="bgprog"></div>
<div class="btnFs"></div>
</div>

<script>
var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz2026.min.js';
loadJs(jsFile, tzInit);

function loadJs(url, callback) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = callback;
    document.head.appendChild(script);
}

function tzInit() {
    var tz = TZ('pa');
    tz.start();
}
</script>

马黑黑 发表于 2026-3-6 20:40

本帖是 tz2026 插件无歌词帖演示，代码：

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://img.3dmgame.com/uploads/images/news/20240206/1707182381_907685.jpg') no-repeat center/cover; }
.player { top: 26%; right: 20%; width: 6vw; }
.bgprog { right: 30px; top: 60px; color: black; transform-origin: 100% 100%; transform: rotate(-90deg); }
.btnFs { left: 20px; top: 30px; color: lightblue; }
</style>

<div class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=28768535" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2419216/00/01/99/5b50235ec3a92.mp4" autoplay loop muted></video>
<img class="player rotate" title="Alt+X" src="https://638183.freep.cn/638183/small/2025/b4.webp" alt="">
<div class="bgprog"></div>
<div class="btnFs"></div>
</div>

<script>
var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz2026.min.js';
loadJs(jsFile, tzInit);

function loadJs(url, callback) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = callback;
    document.head.appendChild(script);
}

function tzInit() {
    var tz = TZ('pa');
    tz.start();
}
</script>

马黑黑 发表于 2026-3-6 20:41

相关说明请移步：

      https://www.huachaowang.com/forum.php?mod=viewthread&tid=91238&extra=page%3D1

杨帆 发表于 2026-3-6 21:52

本帖最后由 杨帆 于 2026-3-6 21:55 编辑

效果精美，谢谢马老师经典讲授与精彩演示{:4_180:}

红影 发表于 2026-3-6 23:37

这小球真好，恐龙戏珠啊{:4_173:}

红影 发表于 2026-3-6 23:38

竖向的进度条也很别致。侏罗纪公园的感觉。
欣赏黑黑好帖{:4_187:}

马黑黑 发表于 2026-3-7 07:48

红影 发表于 2026-3-6 23:38
竖向的进度条也很别致。侏罗纪公园的感觉。
欣赏黑黑好帖

早上好

马黑黑 发表于 2026-3-7 07:48

红影 发表于 2026-3-6 23:37
这小球真好，恐龙戏珠啊

恐龙戏珠，这名字好

马黑黑 发表于 2026-3-7 07:48

杨帆 发表于 2026-3-6 21:52
效果精美，谢谢马老师经典讲授与精彩演示

{:4_190:}

雨季工作室 发表于 2026-3-7 09:34

点赞佳作，马老师辛苦了！

马黑黑 发表于 2026-3-7 17:54

雨季工作室 发表于 2026-3-7 09:34
点赞佳作，马老师辛苦了！

雨季工作室，高雅的名字。问号！

红影 发表于 2026-3-7 23:29

马黑黑 发表于 2026-3-7 07:48
恐龙戏珠，这名字好

是你的制作体现出来的{:4_173:}

马黑黑 发表于 2026-3-7 23:58

红影 发表于 2026-3-7 23:29
是你的制作体现出来的

{:4_203:}

小辣椒 发表于 2026-3-8 15:33

哇塞~~~画面感好强{:4_178:}

小辣椒 发表于 2026-3-8 15:37

黑黑现在是让大家都能轻松玩的节奏{:4_178:}

马黑黑 发表于 2026-3-8 20:32

小辣椒 发表于 2026-3-8 15:37
黑黑现在是让大家都能轻松玩的节奏

现在这个 2026 估计更符合你的制帖需求，因为你能做的事情更多

马黑黑 发表于 2026-3-8 20:32

小辣椒 发表于 2026-3-8 15:33
哇塞~~~画面感好强

还好，一般般倒数第三
页: [1]
查看完整版本: Dinobot Charge