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

花简静

花简静

1. <style>
2. @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
3. .pa { --offsetX: 0px; margin:150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1700px); height: auto; aspect-ratio: 18/9.6;--bg: url('https://cccimg.com/view.php/8478712463f208840883916bc9397121.jpg') no-repeat center/cover; }
4. </style>
6. <div class="pa"></div>
8. <script type="module">
9. import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
10. const tz = TZ.TZ('pa');
12. tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1333365172'});
13. tz.add('video', '', 'qk-vid', {
14. src: 'https://bpic.588ku.com/video_listen/588ku_video/24/12/23/19/18/13/video676946f53e692.mp4',
15. style: 'opacity: 0.16;mix-blend-mode: screen;'
16. });
17. tz.add('div', 'wrapper', 'wrap300 invert', {style: 'clip-path: ellipse(50% 40%);left:36%;bottom:22%;opacity: 0.99;mix-blend-mode: screen;'});
18. tz.add('video', '', 'pd-vid', {
19. src: 'https://cccimg.com/view.php/8d622fbb57b6b310a3efedd5bc22265a.mp4'
20. }).to('wrapper');
21. tz.add('img', '', 'rotate-ani', {
22. src: 'https://638183.freep.cn/638183/small/ytji.png',
23. alt: '',
24. style: 'position: absolute; width: 80px; right: 21%;bottom:25%; cursor: pointer;opacity: 0.69;'
25. }).playmp3();
26. tz.fs().style('top: 20px;left:2%;');
27. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静