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

花简静

花简静

1. <style>
   
2. @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
   
3. .pa { margin:150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1700px); height: auto; aspect-ratio: 18/9.6;--offsetX: 0px; --bg: url('https://cccimg.com/view.php/072754c0cc9bae7e7a3699fd6bef3291.jpg') no-repeat center/cover; }
   
4. .pic1 { position: absolute; width: 100%; }
   
5. .pic2 { position: absolute; width: 100%; mix-blend-mode: screen; }
   
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.v4.js';
    
12. const tz = TZ.TZ('pa');
    
13. tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=2009531767'});
    
14. tz.add('video', '', 'vid', {src: 'https://cccimg.com/view.php/780017078b19b809bb55b56c59459399.mp4'});
    
15. tz.add('video', '', 'qk-vid', {src: 'https://bpic.588ku.com/video_listen/588ku_video/23/08/29/17/22/02/video64edb8ba412ef.mp4',
    
16. style: 'mix-blend-mode: screen;'});
    
17. 
    
18. tz.add('img', '', 'pic1', {src: 'https://cccimg.com/view.php/7f62dae419e57f3004aa4893b32786f6.png'});
    
19. tz.add('img', '', 'pic2', {src: 'https://cccimg.com/view.php/0997afe958ed95bc00258ea146ec8114.png'});
    
20. tz.bgprog().style('bottom: 30px; color: lemonchiffon');
    
21. tz.fs().style('left: 20px; bottom: 20px; color: lightblue');
    
22. tz.add('img', '', 'ma', { src: 'https://638183.freep.cn/638183/small/2025/2501.webp'}).playmp3().style('width: 100px;right: 130px; top: 200px;opacity: .70;');
    
23. 
    
24. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静