Dinobot Charge

马黑黑

马黑黑

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

1. <style>
   
2.   @import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
   
3.   .pa { --bg: url('https://img.3dmgame.com/uploads/images/news/20240206/1707182381_907685.jpg') no-repeat center/cover; }
   
4.   .player { top: 26%; right: 20%; width: 6vw; }
   
5.   .bgprog { right: 30px; top: 60px; color: black; transform-origin: 100% 100%; transform: rotate(-90deg); }
   
6.   .btnFs { left: 20px; top: 30px; color: lightblue; }
   
7. </style>
   
8. 
   
9. <div class="pa">
   
10.   <audio src="https://music.163.com/song/media/outer/url?id=28768535" autoplay loop></audio>
    
11.   <video class="pd-vid" src="https://img.tukuppt.com/video_show/2419216/00/01/99/5b50235ec3a92.mp4" autoplay loop muted></video>
    
12.   <img class="player rotate" title="Alt+X" src="https://638183.freep.cn/638183/small/2025/b4.webp" alt="">
    
13.   <div class="bgprog"></div>
    
14.   <div class="btnFs"></div>
    
15. </div>
    
16. 
    
17. <script>
    
18.   var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz2026.min.js';
    
19.   loadJs(jsFile, tzInit);
    
20. 
    
21.   function loadJs(url, callback) {
    
22.     const script = document.createElement('script');
    
23.     script.charset = 'utf-8';
    
24.     script.src = url;
    
25.     script.defer = true;
    
26.     script.onload = callback;
    
27.     document.head.appendChild(script);
    
28.   }
    
29. 
    
30.   function tzInit() {
    
31.     var tz = TZ('pa');
    
32.     tz.start();
    
33.   }
    
34. </script>

复制代码

马黑黑

相关说明请移步：

        https://www.huachaowang.com/foru ... &extra=page%3D1

杨帆

效果精美，谢谢马老师经典讲授与精彩演示

红影

这小球真好，恐龙戏珠啊

红影

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

马黑黑

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

早上好

马黑黑

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

恐龙戏珠，这名字好

马黑黑

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

雨季工作室

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