花简静贴子代码及说明汇总（翻页有新贴）

花简静

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
   
3.         .pa { --offsetX: 0px; margin:150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1800px); height: auto; aspect-ratio: 18/12; --bg: url('https://642303.freep.cn/642303/tu/20251230%20ydkl01.webp') no-repeat center/cover; --ma-size: 200px; }
   
4.         .lz { width: 35px; height: 35px; border-radius: 0 100%; background: linear-gradient(var(--cc), lightgreen); transition: .5s; animation: rot 4s linear infinite var(--state); }
   
5.         #player:hover .lz { filter: hue-rotate(150deg); rotate: 1 0.5 0.5 180deg; }
   
6. </style>
   
7. 
   
8. <div id="pa" class="pa"></div>
   
9. 
   
10. <script type="module">
    
11.         import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v2.js';
    
12.         const tz = TZ.TZ('pa');
    
13. 
    
14.         tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=2034847876' });
    
15.         tz.add('video', '', 'qk-vid', { src: 'https://bpic.588ku.com/video_listen/588ku_video/22/11/05/16/14/43/video63661b737c854.mp4',
    
16.                 style: 'mix-blend-mode:screen;opacity: .69;'});
    
17.         tz.bgprog().style('bottom: 20px; color: lightyellow');
    
18.         tz.fs().style('right: 20px; top: 20px');
    
19.         tz.add('div', 'player', 'ma').style('bottom: 23%;left:33%;opacity: .59;').playmp3();
    
20.         tz.lzRing(9, 'player', { className: 'lz', cc: true, delay: -4 });
    
21. </script>
    

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静