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

花简静

花简静

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>
8. <div id="pa" class="pa"></div>
10. <script type="module">
11. import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
12. const tz = TZ.TZ('pa');
14. tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=2009531767'});
15. tz.add('video', '', 'vid', {src: 'https://cccimg.com/view.php/780017078b19b809bb55b56c59459399.mp4'});
16. tz.add('video', '', 'qk-vid', {src: 'https://bpic.588ku.com/video_listen/588ku_video/23/08/29/17/22/02/video64edb8ba412ef.mp4',
17. style: 'mix-blend-mode: screen;'});
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'}).playmp3();
20. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静