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

花简静

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/tz/tz.min.css?v1';
   
3.         .pa { --offsetX: 0px; margin: 150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1700px); height: auto; aspect-ratio: 18/9.6;--offsetX: 0px;--bg: url('https://642303.freep.cn/642303/tu/20251111023.webp') no-repeat center/cover; }
   
4.         .player { position: absolute; cursor: pointer;bottom: 17%; left:18%;width: 80px; height: 80px; mask: url('https://638183.freep.cn/638183/small/snow.webp') no-repeat center/cover; -webkit-mask: url('https://638183.freep.cn/638183/small/snow.webp') no-repeat center/cover; mix-blend-mode:lighten;}
   
5.         .qk-vid  {mix-blend-mode:screen;width:100%; height:110%; top:0px; right:0%; opacity: .79;top:-10%}
   
6. </style>
   
7. 
   
8. <div class="pa"></div>
   
9. 
   
10. <script type="module">
    
11.         import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
    
12.         const tz = TZ.TZ('pa');
    
13.         tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=1333365172'});
    
14.         tz.add('video', '', 'qk-vid', { src: 'https://bpic.588ku.com/video_listen/588ku_video/25/05/13/15/25/20/video6822f3e0d18c7.mp4' });
    
15.         tz.add('img', '', 'player rotate-ani', { src: 'https://638183.freep.cn/638183/small/f02.png' }).playmp3();
    
16.         tz.fs().style('bottom: 20px');
    
17. </script>
    

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静